Spaces:
Sleeping
Sleeping
File size: 1,095 Bytes
bfbf1a7 c3e8f3d f80b091 c3e8f3d bfbf1a7 f80b091 38448fc f80b091 d0a1b70 f80b091 c3e8f3d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
import { auth, authEmail } from '@/auth';
import ChatSidebarList from '@/components/chat-sidebar/ChatListSidebar';
import Loading from '@/components/ui/Loading';
import { Suspense } from 'react';
interface ChatLayoutProps {
children: React.ReactNode;
}
export default async function Layout({ children }: ChatLayoutProps) {
const { email, isAdmin } = await authEmail();
return (
<div className="relative flex h-[calc(100vh_-_theme(spacing.16))] overflow-hidden">
<div
data-state={email ? 'open' : 'closed'}
className="peer absolute inset-y-0 z-30 hidden border-r bg-muted duration-300 ease-in-out -translate-x-full data-[state=open]:translate-x-0 lg:flex lg:w-[250px] h-full flex-col overflow-auto py-2"
>
<Suspense fallback={<Loading />}>
<ChatSidebarList />
</Suspense>
</div>
<Suspense fallback={<Loading />}>
<div className="group w-full overflow-auto pl-0 animate-in duration-300 ease-in-out peer-[[data-state=open]]:lg:pl-[250px]">
{children}
</div>
</Suspense>
</div>
);
}
|