29 lines
654 B
TypeScript
29 lines
654 B
TypeScript
|
import { create } from 'zustand';
|
||
|
|
import { persist } from 'zustand/middleware';
|
||
|
|
|
||
|
|
interface SidebarState {
|
||
|
|
collapsed: boolean;
|
||
|
|
mobileOpen: boolean;
|
||
|
|
|
||
|
|
// Actions
|
||
|
|
toggle: () => void;
|
||
|
|
setCollapsed: (collapsed: boolean) => void;
|
||
|
|
setMobileOpen: (open: boolean) => void;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const useSidebarStore = create<SidebarState>()(
|
||
|
|
persist(
|
||
|
|
(set) => ({
|
||
|
|
collapsed: false,
|
||
|
|
mobileOpen: false,
|
||
|
|
|
||
|
|
toggle: () => set((state) => ({ collapsed: !state.collapsed })),
|
||
|
|
setCollapsed: (collapsed) => set({ collapsed }),
|
||
|
|
setMobileOpen: (mobileOpen) => set({ mobileOpen }),
|
||
|
|
}),
|
||
|
|
{
|
||
|
|
name: 'project-e-sidebar',
|
||
|
|
}
|
||
|
|
)
|
||
|
|
);
|