2023-11-02 12:12:29 +00:00
|
|
|
import { VerticallyCentered } from '@ente/shared/components/Container';
|
|
|
|
import React, { useEffect } from 'react';
|
|
|
|
import { t } from 'i18next';
|
|
|
|
|
|
|
|
import ChangeEmailForm from '@ente/accounts/components/ChangeEmail';
|
|
|
|
import { PAGES } from '@ente/accounts/constants/pages';
|
|
|
|
import { getData, LS_KEYS } from '@ente/shared/storage/localStorage';
|
|
|
|
import FormPaper from '@ente/shared/components/Form/FormPaper';
|
|
|
|
import FormPaperTitle from '@ente/shared/components/Form/FormPaper/Title';
|
|
|
|
import { PageProps } from '@ente/shared/apps/types';
|
|
|
|
|
2023-11-10 07:43:09 +00:00
|
|
|
function ChangeEmailPage({ router, appName, appContext }: PageProps) {
|
2023-11-02 12:12:29 +00:00
|
|
|
useEffect(() => {
|
|
|
|
const user = getData(LS_KEYS.USER);
|
|
|
|
if (!user?.token) {
|
|
|
|
router.push(PAGES.ROOT);
|
|
|
|
}
|
|
|
|
}, []);
|
|
|
|
|
|
|
|
return (
|
|
|
|
<VerticallyCentered>
|
|
|
|
<FormPaper>
|
|
|
|
<FormPaperTitle>{t('CHANGE_EMAIL')}</FormPaperTitle>
|
2023-11-10 07:43:09 +00:00
|
|
|
<ChangeEmailForm
|
|
|
|
router={router}
|
|
|
|
appName={appName}
|
|
|
|
appContext={appContext}
|
|
|
|
/>
|
2023-11-02 12:12:29 +00:00
|
|
|
</FormPaper>
|
|
|
|
</VerticallyCentered>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default ChangeEmailPage;
|