903733ad60
This commit reorders CSS classes in multiple files to maintain consistent code style. The switch does not change any style attribute's functionality or the display, but assists in code readability and organization.
72 lines
1.6 KiB
TypeScript
72 lines
1.6 KiB
TypeScript
import loadDynamic from 'next/dynamic';
|
|
|
|
import { PlusCircle } from 'lucide-react';
|
|
|
|
import { Button } from '@kit/ui/button';
|
|
import { PageBody } from '@kit/ui/page';
|
|
import Spinner from '@kit/ui/spinner';
|
|
import { Trans } from '@kit/ui/trans';
|
|
|
|
import { AccountLayoutHeader } from '~/(dashboard)/home/[account]/_components/account-layout-header';
|
|
import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
|
|
import { withI18n } from '~/lib/i18n/with-i18n';
|
|
|
|
const DashboardDemo = loadDynamic(
|
|
() => import('./_components/dashboard-demo'),
|
|
{
|
|
ssr: false,
|
|
loading: () => (
|
|
<div
|
|
className={
|
|
'flex h-full flex-1 flex-col items-center justify-center space-y-4' +
|
|
' py-24'
|
|
}
|
|
>
|
|
<Spinner />
|
|
|
|
<div>
|
|
<Trans i18nKey={'common:loading'} />
|
|
</div>
|
|
</div>
|
|
),
|
|
},
|
|
);
|
|
|
|
export const generateMetadata = async () => {
|
|
const i18n = await createI18nServerInstance();
|
|
const title = i18n.t('teams:home.pageTitle');
|
|
|
|
return {
|
|
title,
|
|
};
|
|
};
|
|
|
|
function TeamAccountHomePage({
|
|
params,
|
|
}: {
|
|
params: {
|
|
account: string;
|
|
};
|
|
}) {
|
|
return (
|
|
<>
|
|
<AccountLayoutHeader
|
|
title={<Trans i18nKey={'common:dashboardTabLabel'} />}
|
|
description={<Trans i18nKey={'common:dashboardTabDescription'} />}
|
|
account={params.account}
|
|
>
|
|
<Button size={'sm'}>
|
|
<PlusCircle className={'mr-1 h-4'} />
|
|
<span>Add Widget</span>
|
|
</Button>
|
|
</AccountLayoutHeader>
|
|
|
|
<PageBody>
|
|
<DashboardDemo />
|
|
</PageBody>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default withI18n(TeamAccountHomePage);
|