SomeCodecat
a6f74e0c22
- Added new Radix UI components: Dialog, Tooltip, Separator, and updated existing components. - Introduced a Sidebar component with collapsible functionality and mobile responsiveness. - Implemented a custom hook `useIsMobile` to manage mobile state. - Updated package dependencies in package.json and yarn.lock for new components. - Created utility components such as Button, Skeleton, and Input for consistent styling. feat: add AppSidebar component with collapsible functionality and sidebar menu - Introduced AppSidebar component for a customizable sidebar layout. - Implemented collapsible sections using Radix UI's Collapsible component. - Added sidebar menu items with icons and links for navigation. - Created Sidebar UI components including SidebarHeader, SidebarFooter, and SidebarMenu. - Integrated ThemePicker for theme selection within the sidebar. - Updated sidebar styles and layout for better responsiveness. chore: add @radix-ui/react-collapsible dependency - Added @radix-ui/react-collapsible package to manage collapsible UI elements.
23 lines
663 B
TypeScript
23 lines
663 B
TypeScript
import React from 'react';
|
|
import { cookies } from 'next/headers';
|
|
|
|
import { AppSidebar } from '@/components/custom-ui/app-sidebar';
|
|
import SidebarProviderWrapper from '@/components/wrappers/sidebar-provider';
|
|
import Header from '@/components/misc/header';
|
|
|
|
export default async function Layout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
const cookieStore = await cookies();
|
|
const defaultOpen = cookieStore.get('sidebar_state')?.value === 'true';
|
|
return (
|
|
<>
|
|
<SidebarProviderWrapper defaultOpen={defaultOpen}>
|
|
<AppSidebar></AppSidebar>
|
|
<Header>{children}</Header>
|
|
</SidebarProviderWrapper>
|
|
</>
|
|
);
|
|
}
|