Merge pull request #69 from sensasi-delight:sensasi-delight/issue67

[TabsBar] list is not updated when opening new tab
sensasi-delight · May 2, 2024 · 26a8a19 · 26a8a19
2 parents b2a365c + 7a867dd
commit 26a8a19
Showing 1 changed file with 9 additions and 13 deletions.
diff --git a/src/components/Navbar/TabsBar.tsx b/src/components/Navbar/TabsBar.tsx
@@ -16,6 +16,12 @@ export default function TabsBar(): React.ReactElement {
   const [tabs, setTabs] = useState<chrome.tabs.Tab[]>([])
   const [thisTabId, setThisTabId] = useState<number>()
 
+  function getAndSetTabs(): void {
+    sendToBgScript('getTabs', undefined, (response: chrome.tabs.Tab[]) => {
+      setTabs(response)
+    })
+  }
+
   useEffect(() => {
     sendToBgScript(
       'getSelfInfo',
@@ -24,21 +30,11 @@ export default function TabsBar(): React.ReactElement {
         setThisTabId(response.tab?.id)
       },
     )
+  }, [])
 
-    function getAndSetTabs(): void {
-      sendToBgScript('getTabs', undefined, (response: chrome.tabs.Tab[]) => {
-        setTabs(response)
-      })
-    }
-
+  useEffect(() => {
     getAndSetTabs()
-
-    document.addEventListener('visibilitychange', getAndSetTabs)
-
-    return () => {
-      document.removeEventListener('visibilitychange', getAndSetTabs)
-    }
-  }, [])
+  })
 
   return (
     <Stack