Fix: update toolbar server status on sync

packages/desktop-client/src/components/LoggedInUser.tsx

@@ -5,6 +5,7 @@ import { useLocation } from 'react-router-dom';
 
 import { closeBudget, getUserData, signOut } from 'loot-core/client/actions';
 import { type State } from 'loot-core/src/client/state-types';
+import { listen } from 'loot-core/src/platform/client/fetch';
 import { type RemoteFile, type SyncedLocalFile } from 'loot-core/types/file';
 
 import { useAuth } from '../auth/AuthProvider';
@@ -52,14 +53,40 @@ export function LoggedInUser({
   const currentFile = remoteFiles.find(f => f.cloudFileId === cloudFileId);
   const hasSyncedPrefs = useSelector((state: State) => state.prefs.synced);
 
-  useEffect(() => {
-    async function init() {
+  const initializeUserData = async () => {
+    try {
       await dispatch(getUserData());
+    } catch (error) {
+      console.error('Failed to initialize user data:', error);
+    } finally {
+      setLoading(false);
     }
+  };
 
-    init().then(() => setLoading(false));
+  useEffect(() => {
+    initializeUserData();
   }, []);
 
+  useEffect(() => {
+    return listen('sync-event', ({ type }) => {
+      if (type === 'start') {
+        setLoading(true);
+
+        return;
+      }
+
+      const shouldReinitialize =
+        (type === 'success' && userData?.offline) ||
+        (type === 'error' && !userData?.offline);
+
+      if (shouldReinitialize) {
+        initializeUserData();
+      } else {
+        setLoading(false);
+      }
+    });
+  }, [userData]);
+
   async function onCloseBudget() {
     await dispatch(closeBudget());
   }

upcoming-release-notes/4075.md

@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [p-payet]
+---
+
+Fix to ensure that the toolbar's server status updates correctly during synchronization