|
|
@@ -5,6 +5,8 @@ import { useTranslation } from 'next-i18next';
|
|
|
import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
|
|
|
import dynamic from 'next/dynamic';
|
|
|
|
|
|
+import { RawLayout } from '~/components/Layout/RawLayout';
|
|
|
+
|
|
|
import type { CommonProps } from './utils/commons';
|
|
|
import { getNextI18NextConfig, getServerSideCommonProps } from './utils/commons';
|
|
|
|
|
|
@@ -19,23 +21,25 @@ const ForgotPasswordPage: NextPage<Props> = (props: Props) => {
|
|
|
const { t } = useTranslation();
|
|
|
|
|
|
return (
|
|
|
- <div className="main">
|
|
|
- <div className="container-lg">
|
|
|
- <div className="container">
|
|
|
- <div className="row justify-content-md-center">
|
|
|
- <div className="col-md-6 mt-5">
|
|
|
- <div className="text-center">
|
|
|
- <h1><span className="material-symbols-outlined large">lock_open</span></h1>
|
|
|
- <h2 className="text-center">{ t('forgot_password.reset_password') }</h2>
|
|
|
- <h5>{ props.email }</h5>
|
|
|
- <p className="mt-4">{ t('forgot_password.password_reset_excecution_desc') }</p>
|
|
|
- <PasswordResetExecutionForm />
|
|
|
+ <RawLayout>
|
|
|
+ <div className="main">
|
|
|
+ <div className="container-lg">
|
|
|
+ <div className="container">
|
|
|
+ <div className="row justify-content-md-center">
|
|
|
+ <div className="col-md-6 mt-5">
|
|
|
+ <div className="text-center">
|
|
|
+ <h1><span className="material-symbols-outlined large">lock_open</span></h1>
|
|
|
+ <h2 className="text-center">{ t('forgot_password.reset_password') }</h2>
|
|
|
+ <h5>{ props.email }</h5>
|
|
|
+ <p className="mt-4">{ t('forgot_password.password_reset_excecution_desc') }</p>
|
|
|
+ <PasswordResetExecutionForm />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </RawLayout>
|
|
|
);
|
|
|
};
|
|
|
|