ce
This commit is contained in:
parent
49133b7b86
commit
345c706814
1 changed files with 14 additions and 6 deletions
|
@ -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);
|
||||||
|
|
Loading…
Reference in a new issue