feat: add Radix UI components and implement sidebar functionality
- 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.
This commit is contained in:
parent
21eff651e8
commit
a6f74e0c22
16 changed files with 1520 additions and 207 deletions
23
src/app/(main)/layout.tsx
Normal file
23
src/app/(main)/layout.tsx
Normal file
|
@ -0,0 +1,23 @@
|
|||
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>
|
||||
</>
|
||||
);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue