This commit is contained in:
Manav Rathi 2024-05-26 19:07:48 +05:30
parent 49133b7b86
commit 345c706814
No known key found for this signature in database

View file

@ -2,7 +2,11 @@ import { ensure } from "@/utils/ensure";
import { wait } from "@/utils/promise"; import { wait } from "@/utils/promise";
import { changeEmail, sendOTTForEmailChange } from "@ente/accounts/api/user"; import { changeEmail, sendOTTForEmailChange } from "@ente/accounts/api/user";
import { PAGES } from "@ente/accounts/constants/pages"; import { PAGES } from "@ente/accounts/constants/pages";
import { APP_HOMES } from "@ente/shared/apps/constants"; import {
APP_HOMES,
appNameToAppNameOld,
type APPS,
} from "@ente/shared/apps/constants";
import type { PageProps } from "@ente/shared/apps/types"; import type { PageProps } from "@ente/shared/apps/types";
import { VerticallyCentered } from "@ente/shared/components/Container"; import { VerticallyCentered } from "@ente/shared/components/Container";
import FormPaper from "@ente/shared/components/Form/FormPaper"; import FormPaper from "@ente/shared/components/Form/FormPaper";
@ -19,7 +23,11 @@ import { useEffect, useState } from "react";
import { Trans } from "react-i18next"; import { Trans } from "react-i18next";
import * as Yup from "yup"; import * as Yup from "yup";
function ChangeEmailPage({ appName, appContext }: PageProps) { const Page: React.FC<PageProps> = ({ appContext }) => {
const { appName } = appContext;
const appNameOld = appNameToAppNameOld(appName);
const router = useRouter(); const router = useRouter();
useEffect(() => { useEffect(() => {
@ -33,20 +41,20 @@ function ChangeEmailPage({ appName, appContext }: PageProps) {
<VerticallyCentered> <VerticallyCentered>
<FormPaper> <FormPaper>
<FormPaperTitle>{t("CHANGE_EMAIL")}</FormPaperTitle> <FormPaperTitle>{t("CHANGE_EMAIL")}</FormPaperTitle>
<ChangeEmailForm appName={appName} appContext={appContext} /> <ChangeEmailForm appName={appNameOld} />
</FormPaper> </FormPaper>
</VerticallyCentered> </VerticallyCentered>
); );
} };
export default ChangeEmailPage; export default Page;
interface formValues { interface formValues {
email: string; email: string;
ott?: string; ott?: string;
} }
function ChangeEmailForm({ appName }: PageProps) { function ChangeEmailForm({ appName }: { appName: APPS }) {
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const [ottInputVisible, setShowOttInputVisibility] = useState(false); const [ottInputVisible, setShowOttInputVisibility] = useState(false);
const [email, setEmail] = useState<string | null>(null); const [email, setEmail] = useState<string | null>(null);