Use workspaces for sidebar auto detect

Author: charlesvien

apps/array/src/renderer/features/sidebar/components/MainSidebar.tsx

@@ -1,18 +1,20 @@
-import { useTasks } from "@features/tasks/hooks/useTasks";
+import { useWorkspaceStore } from "@features/workspace/stores/workspaceStore";
 import { Box } from "@radix-ui/themes";
 import { useEffect } from "react";
 import { useSidebarStore } from "../stores/sidebarStore";
 import { Sidebar, SidebarContent } from "./index";
 
 export function MainSidebar() {
-  const { data: tasks = [], isFetched } = useTasks();
+  const workspaces = useWorkspaceStore((state) => state.workspaces);
+  const isLoaded = useWorkspaceStore((state) => state.isLoaded);
   const setOpenAuto = useSidebarStore((state) => state.setOpenAuto);
 
   useEffect(() => {
-    if (isFetched) {
-      setOpenAuto(tasks.length > 0);
+    if (isLoaded) {
+      const workspaceCount = Object.keys(workspaces).length;
+      setOpenAuto(workspaceCount > 0);
     }
-  }, [isFetched, tasks.length, setOpenAuto]);
+  }, [isLoaded, workspaces, setOpenAuto]);
 
   return (
     <Box flexShrink="0" style={{ flexShrink: 0 }}>