whisper-money/resources/js/layouts/app/app-sidebar-layout.tsx

30 lines
1.0 KiB
TypeScript

import { AppContent } from '@/components/app-content';
import { AppShell } from '@/components/app-shell';
import { AppSidebar } from '@/components/app-sidebar';
import { AppSidebarHeader } from '@/components/app-sidebar-header';
import { useDecryptAccountNames } from '@/hooks/use-decrypt-account-names';
import { useDecryptTransactions } from '@/hooks/use-decrypt-transactions';
import { type BreadcrumbItem } from '@/types';
import { type PropsWithChildren } from 'react';
export default function AppSidebarLayout({
children,
breadcrumbs = [],
}: PropsWithChildren<{ breadcrumbs?: BreadcrumbItem[] }>) {
useDecryptAccountNames();
useDecryptTransactions();
return (
<AppShell variant="sidebar">
<AppSidebar />
<AppContent
variant="sidebar"
className="overflow-x-hidden pb-[90px] sm:pb-0"
>
<AppSidebarHeader breadcrumbs={breadcrumbs} />
{children}
</AppContent>
</AppShell>
);
}