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
71 lines
1.8 KiB
TypeScript
71 lines
1.8 KiB
TypeScript
import Link from 'next/link';
|
|
|
|
import { SignInMethodsContainer } from '@kit/auth/sign-in';
|
|
import { Button } from '@kit/ui/button';
|
|
import { Heading } from '@kit/ui/heading';
|
|
import { Trans } from '@kit/ui/trans';
|
|
|
|
import authConfig from '~/config/auth.config';
|
|
import pathsConfig from '~/config/paths.config';
|
|
import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
|
|
import { withI18n } from '~/lib/i18n/with-i18n';
|
|
|
|
interface SignInPageProps {
|
|
searchParams: Promise<{
|
|
invite_token?: string;
|
|
next?: string;
|
|
}>;
|
|
}
|
|
|
|
export const generateMetadata = async () => {
|
|
const i18n = await createI18nServerInstance();
|
|
|
|
return {
|
|
title: i18n.t('auth:signIn'),
|
|
};
|
|
};
|
|
|
|
async function SignInPage({ searchParams }: SignInPageProps) {
|
|
const { invite_token: inviteToken, next = '' } = await searchParams;
|
|
|
|
const signUpPath =
|
|
pathsConfig.auth.signUp +
|
|
(inviteToken ? `?invite_token=${inviteToken}` : '');
|
|
|
|
const paths = {
|
|
callback: pathsConfig.auth.callback,
|
|
returnPath: next ?? pathsConfig.app.home,
|
|
joinTeam: pathsConfig.app.joinTeam,
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<div className={'flex flex-col items-center gap-1'}>
|
|
<Heading level={4} className={'tracking-tight'}>
|
|
<Trans i18nKey={'auth:signInHeading'} />
|
|
</Heading>
|
|
|
|
<p className={'text-muted-foreground text-sm'}>
|
|
<Trans i18nKey={'auth:signInSubheading'} />
|
|
</p>
|
|
</div>
|
|
|
|
<SignInMethodsContainer
|
|
inviteToken={inviteToken}
|
|
paths={paths}
|
|
providers={authConfig.providers}
|
|
/>
|
|
|
|
<div className={'flex justify-center'}>
|
|
<Button asChild variant={'link'} size={'sm'}>
|
|
<Link href={signUpPath} prefetch={true}>
|
|
<Trans i18nKey={'auth:doNotHaveAccountYet'} />
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default withI18n(SignInPage);
|