From aee56e3dbec3971ee267532397413193c27dab26 Mon Sep 17 00:00:00 2001
From: Athou <jeremiepanzer@gmail.com>
Date: Tue, 19 Sep 2023 12:31:19 +0200
Subject: [PATCH] no need to reload everything when websocket connection status
 changes

---
 commafeed-client/src/pages/app/Layout.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/commafeed-client/src/pages/app/Layout.tsx b/commafeed-client/src/pages/app/Layout.tsx
index d3e20a79..783e6fbb 100644
--- a/commafeed-client/src/pages/app/Layout.tsx
+++ b/commafeed-client/src/pages/app/Layout.tsx
@@ -102,16 +102,19 @@ export default function Layout(props: LayoutProps) {
     const handleResize = (element: HTMLElement) => dispatch(setSidebarWidth(element.offsetWidth))
 
     useEffect(() => {
+        // load initial data
         dispatch(reloadSettings())
         dispatch(reloadProfile())
         dispatch(reloadTree())
         dispatch(reloadTags())
+    }, [dispatch])
 
+    useEffect(() => {
         // reload tree periodically if not receiving websocket events
-        const id = setInterval(() => {
+        const timer = setInterval(() => {
             if (!webSocketConnected) dispatch(reloadTree())
         }, 30000)
-        return () => clearInterval(id)
+        return () => clearInterval(timer)
     }, [dispatch, webSocketConnected])
 
     const burger = (