42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
'use client';
|
|
import { Grid, Loading, Column } from '@umami/react-zen';
|
|
import Script from 'next/script';
|
|
import { usePathname } from 'next/navigation';
|
|
import { UpdateNotice } from './UpdateNotice';
|
|
import { SideNav } from '@/app/(main)/SideNav';
|
|
import { useLoginQuery, useConfig } from '@/components/hooks';
|
|
|
|
export function App({ children }) {
|
|
const { user, isLoading, error } = useLoginQuery();
|
|
const config = useConfig();
|
|
const pathname = usePathname();
|
|
|
|
if (isLoading) {
|
|
return <Loading position="page" />;
|
|
}
|
|
|
|
if (error) {
|
|
window.location.href = `${process.env.basePath || ''}/login`;
|
|
return null;
|
|
}
|
|
|
|
if (!user || !config) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Grid height="100vh" width="100%" columns="auto 1fr" backgroundColor="2">
|
|
<Column>
|
|
<SideNav />
|
|
</Column>
|
|
<Column alignItems="center" overflow="auto" position="relative">
|
|
{children}
|
|
</Column>
|
|
<UpdateNotice user={user} config={config} />
|
|
{process.env.NODE_ENV === 'production' && !pathname.includes('/share/') && (
|
|
<Script src={`${process.env.basePath || ''}/telemetry.js`} />
|
|
)}
|
|
</Grid>
|
|
);
|
|
}
|