Ensure diff sidebar is closed by default

Author: ulrikandersen

src/features/sidebar/view/internal/ClientSplitView.tsx

@@ -5,6 +5,7 @@ import { Stack, useMediaQuery, useTheme } from "@mui/material";
 import { isMac, useKeyboardShortcut, SidebarTogglableContext } from "@/common";
 import { useSidebarOpen } from "../../data";
 import useDiffbarOpen from "../../data/useDiffbarOpen";
+import { useProjectSelection } from "@/features/projects/data";
 import PrimaryContainer from "./primary/Container";
 import SecondaryContainer from "./secondary/Container";
 import RightContainer from "./tertiary/RightContainer";
@@ -20,6 +21,7 @@ const ClientSplitView = ({
 }) => {
   const [isSidebarOpen, setSidebarOpen] = useSidebarOpen();
   const [isRightSidebarOpen, setRightSidebarOpen] = useDiffbarOpen();
+  const { specification } = useProjectSelection();
   const isSidebarTogglable = useContext(SidebarTogglableContext);
   const theme = useTheme();
   // Determine if the screen size is small or larger
@@ -30,6 +32,13 @@ const ClientSplitView = ({
       setSidebarOpen(true);
     }
   }, [isSidebarOpen, isSidebarTogglable, setSidebarOpen]);
+
+  // Close diff sidebar if no specification is selected
+  useEffect(() => {
+    if (!specification && isRightSidebarOpen) {
+      setRightSidebarOpen(false);
+    }
+  }, [specification, isRightSidebarOpen, setRightSidebarOpen]);
   useKeyboardShortcut(
     (event) => {
       const isActionKey = isMac() ? event.metaKey : event.ctrlKey;