7a1903d0c2
1. Marketing Layout: speed up rendering by retrieving user session from cookies instead of using server side request 2. Use "redirecting" state when signing in to keep displaying a loading state while Next.js redirects to home page 3. Use "useCallback" to prevent double tracking when switching pages 4. Add links pre-fetching in marketing navigation 5. Add new pending state to MFA verification form 6. Pre-fetch sign-in/sign-up pages 7. Fix i18n when using regional languages 8. currency formatter should default to the region if it exists 9. Update packages
67 lines
1.8 KiB
TypeScript
67 lines
1.8 KiB
TypeScript
import Link from 'next/link';
|
|
|
|
import { ArrowLeft } from 'lucide-react';
|
|
|
|
import { Button } from '@kit/ui/button';
|
|
import { Heading } from '@kit/ui/heading';
|
|
import { Trans } from '@kit/ui/trans';
|
|
|
|
import { SiteHeader } from '~/(marketing)/_components/site-header';
|
|
import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
|
|
import { withI18n } from '~/lib/i18n/with-i18n';
|
|
|
|
export const generateMetadata = async () => {
|
|
const i18n = await createI18nServerInstance();
|
|
const title = i18n.t('common:notFound');
|
|
|
|
return {
|
|
title,
|
|
};
|
|
};
|
|
|
|
const NotFoundPage = async () => {
|
|
return (
|
|
<div className={'flex h-screen flex-1 flex-col'}>
|
|
<SiteHeader />
|
|
|
|
<div
|
|
className={
|
|
'container m-auto flex w-full flex-1 flex-col items-center justify-center'
|
|
}
|
|
>
|
|
<div className={'flex flex-col items-center space-y-12'}>
|
|
<div>
|
|
<h1 className={'font-heading text-8xl font-extrabold xl:text-9xl'}>
|
|
<Trans i18nKey={'common:pageNotFoundHeading'} />
|
|
</h1>
|
|
</div>
|
|
|
|
<div className={'flex flex-col items-center space-y-8'}>
|
|
<div className={'flex flex-col items-center space-y-2.5'}>
|
|
<div>
|
|
<Heading level={1}>
|
|
<Trans i18nKey={'common:pageNotFound'} />
|
|
</Heading>
|
|
</div>
|
|
|
|
<p className={'text-muted-foreground'}>
|
|
<Trans i18nKey={'common:pageNotFoundSubHeading'} />
|
|
</p>
|
|
</div>
|
|
|
|
<Button asChild variant={'outline'}>
|
|
<Link href={'/'}>
|
|
<ArrowLeft className={'mr-2 h-4'} />
|
|
|
|
<Trans i18nKey={'common:backToHomePage'} />
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default withI18n(NotFoundPage);
|