sidebar

frontend/src/sidebar/Sidebar.jsx

@@ -21,6 +21,7 @@ import PanelHeader from '../ui/PanelHeader';
 import useFloatingMenu from '../ui/useFloatingMenu';
 
 import { getTagColorStyle } from '../utils/colors';
+import { useSidebarContext } from './SidebarContext';
 
 const FolderNode = ({
   node,
@@ -177,13 +178,16 @@ const Sidebar = ({
   isFilterActive,
   onLogout,
   status,
-  onCollapse,
   tenantName,
   tenants = [],
   activeTenantId = null,
   onSelectTenant,
   onOpenSettings,
 }) => {
+  const { setCollapsed } = useSidebarContext();
+  const handleCollapse = useCallback(() => {
+    setCollapsed(true);
+  }, [setCollapsed]);
   const neutralHueInputId = useId();
   const sortedCorrespondents = useMemo(() => {
     if (!Array.isArray(correspondents)) {
@@ -504,14 +508,14 @@ const Sidebar = ({
           </>
         )}
         actions={
-          onCollapse
+            handleCollapse
             ? [
                 (
                   <button
                     key="collapse"
                     type="button"
                     className="icon-button"
-                    onClick={onCollapse}
+                    onClick={handleCollapse}
                     aria-label="Collapse sidebar"
                     title="Collapse sidebar"
                   >