From 5043a5fbe20bddfdbdd57237a82879b370f60625 Mon Sep 17 00:00:00 2001
From: mini-bomba <55105495+mini-bomba@users.noreply.github.com>
Date: Fri, 19 Sep 2025 16:07:51 +0200
Subject: [PATCH] Sync internal hidden status with segment's value on change

---
 src/popup/SegmentListComponent.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/popup/SegmentListComponent.tsx b/src/popup/SegmentListComponent.tsx
index 3e7fee11..c9c426c4 100644
--- a/src/popup/SegmentListComponent.tsx
+++ b/src/popup/SegmentListComponent.tsx
@@ -149,6 +149,11 @@ function SegmentListItem({ segment, videoID, currentTime, isVip, loopedChapter,
     const [hidden, setHidden] = React.useState(segment.hidden ?? SponsorHideType.Visible); // undefined ?? undefined lol
     const [isLooped, setIsLooped] = React.useState(loopedChapter === segment.UUID);
 
+    // Update internal state if the hidden property of the segment changes
+    React.useEffect(() => {
+        setHidden(segment.hidden ?? SponsorHideType.Visible);
+    }, [segment.hidden])
+
     let extraInfo: string;
     switch (hidden) {
         case SponsorHideType.Visible: