The TypeScript check passed with no errors. (#1910)
## Summary
I've implemented the fix for showing the left sidebar when entering `WorkspacesLayout.tsx` when no changes/preview/logs panel is open:
**Changes made to `vibe-kanban/frontend/src/components/ui-new/containers/WorkspacesLayout.tsx`:**
1. Added `setSidebarVisible` to the destructured values from `useLayoutStore()` (line 161)
2. Added a new `useEffect` (lines 333-338) that shows the sidebar whenever no panel is open:
```typescript
useEffect(() => {
if (!isChangesMode && !isLogsMode && !isPreviewMode) {
setSidebarVisible(true);
}
}, [isChangesMode, isLogsMode, isPreviewMode, setSidebarVisible]);
```
This ensures that when the component mounts or when all panels are closed, the sidebar will automatically become visible.
This commit is contained in:
committed by
GitHub
parent
5ee40bf322
commit
a92c35d42e
@@ -158,6 +158,7 @@ export function WorkspacesLayout() {
|
|||||||
setChangesMode,
|
setChangesMode,
|
||||||
setLogsMode,
|
setLogsMode,
|
||||||
resetForCreateMode,
|
resetForCreateMode,
|
||||||
|
setSidebarVisible,
|
||||||
} = useLayoutStore();
|
} = useLayoutStore();
|
||||||
|
|
||||||
// Read persisted draft for sidebar placeholder (works outside of CreateModeProvider)
|
// Read persisted draft for sidebar placeholder (works outside of CreateModeProvider)
|
||||||
@@ -329,6 +330,13 @@ export function WorkspacesLayout() {
|
|||||||
}
|
}
|
||||||
}, [isCreateMode, resetForCreateMode]);
|
}, [isCreateMode, resetForCreateMode]);
|
||||||
|
|
||||||
|
// Show sidebar when no panel is open
|
||||||
|
useEffect(() => {
|
||||||
|
if (!isChangesMode && !isLogsMode && !isPreviewMode) {
|
||||||
|
setSidebarVisible(true);
|
||||||
|
}
|
||||||
|
}, [isChangesMode, isLogsMode, isPreviewMode, setSidebarVisible]);
|
||||||
|
|
||||||
// Command bar keyboard shortcut (CMD+K)
|
// Command bar keyboard shortcut (CMD+K)
|
||||||
const handleOpenCommandBar = useCallback(() => {
|
const handleOpenCommandBar = useCallback(() => {
|
||||||
CommandBarDialog.show();
|
CommandBarDialog.show();
|
||||||
|
|||||||
Reference in New Issue
Block a user