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.
21 lines
625 B
TypeScript
21 lines
625 B
TypeScript
'use client';
|
|
|
|
import { RedirectButton } from '@/components/buttons/redirect-button';
|
|
import { useGetApiUserMe } from '@/generated/api/user/user';
|
|
|
|
export default function Home() {
|
|
const { data, isLoading } = useGetApiUserMe();
|
|
|
|
return (
|
|
<div className='flex flex-col items-center justify-center h-full'>
|
|
<div>
|
|
<h1>
|
|
Hello{' '}
|
|
{isLoading ? 'Loading...' : data?.data.user?.name || 'Unknown User'}
|
|
</h1>
|
|
<RedirectButton redirectUrl='/logout' buttonText='Logout' />
|
|
<RedirectButton redirectUrl='/settings' buttonText='Settings' />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|