Implement redirect control in multi-factor auth container

The update adds a rerouting functionality upon successful multi-factor authentication, replacing a console log action previously triggered upon success. The change enhances the authentication flow by redirecting users to a specified path upon validation. Additionally, minor refactorings are done such as replacing direct routing paths with path configs and adjusting import statements.
This commit is contained in:
giancarlo
2024-03-27 14:30:23 +08:00
parent 2acd9c7d10
commit f0883c19ef
5 changed files with 34 additions and 17 deletions

View File

@@ -1,9 +1,12 @@
import Link from 'next/link';
import { redirect } from 'next/navigation';
import { Alert, AlertDescription, AlertTitle } from '@kit/ui/alert';
import { Button } from '@kit/ui/button';
import { Trans } from '@kit/ui/trans';
import pathsConfig from '~/config/paths.config';
interface Params {
searchParams: {
error: string;
@@ -15,7 +18,7 @@ function AuthCallbackErrorPage({ searchParams }: Params) {
// if there is no error, redirect the user to the sign-in page
if (!error) {
redirect('/auth/sign-in');
redirect(pathsConfig.auth.signIn);
}
return (
@@ -32,15 +35,11 @@ function AuthCallbackErrorPage({ searchParams }: Params) {
</Alert>
</div>
<ResendLinkForm />
<div className={'flex flex-col space-y-2'}>
<Button variant={'ghost'}>
<a href={'/auth/sign-in'}>
<Trans i18nKey={'auth:signIn'} />
</a>
</Button>
</div>
<Button>
<Link href={pathsConfig.auth.signIn}>
<Trans i18nKey={'auth:signIn'} />
</Link>
</Button>
</div>
);
}