signup
This commit is contained in:
parent
ba1af5eaf0
commit
d3d3e4dbed
|
@ -61,10 +61,10 @@ interface LoginProps {
|
||||||
}
|
}
|
||||||
|
|
||||||
function Login(props: LoginProps) {
|
function Login(props: LoginProps) {
|
||||||
const router = useRouter();
|
|
||||||
|
|
||||||
const appNameOld = appNameToAppNameOld(props.appName);
|
const appNameOld = appNameToAppNameOld(props.appName);
|
||||||
|
|
||||||
|
const router = useRouter();
|
||||||
|
|
||||||
const loginUser: SingleInputFormProps["callback"] = async (
|
const loginUser: SingleInputFormProps["callback"] = async (
|
||||||
email,
|
email,
|
||||||
setFieldError,
|
setFieldError,
|
||||||
|
|
|
@ -30,15 +30,14 @@ const bip39 = require("bip39");
|
||||||
bip39.setDefaultWordlist("english");
|
bip39.setDefaultWordlist("english");
|
||||||
|
|
||||||
const Page: React.FC<PageProps> = ({ appContext }) => {
|
const Page: React.FC<PageProps> = ({ appContext }) => {
|
||||||
|
const appNameOld = appNameToAppNameOld(appContext.appName);
|
||||||
|
|
||||||
const [keyAttributes, setKeyAttributes] = useState<
|
const [keyAttributes, setKeyAttributes] = useState<
|
||||||
KeyAttributes | undefined
|
KeyAttributes | undefined
|
||||||
>();
|
>();
|
||||||
|
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|
||||||
const appNameOld = appNameToAppNameOld(appContext.appName);
|
|
||||||
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const user: User = getData(LS_KEYS.USER);
|
const user: User = getData(LS_KEYS.USER);
|
||||||
const keyAttributes: KeyAttributes = getData(LS_KEYS.KEY_ATTRIBUTES);
|
const keyAttributes: KeyAttributes = getData(LS_KEYS.KEY_ATTRIBUTES);
|
||||||
|
|
|
@ -5,7 +5,7 @@ import { PAGES } from "@ente/accounts/constants/pages";
|
||||||
import { isWeakPassword } from "@ente/accounts/utils";
|
import { isWeakPassword } from "@ente/accounts/utils";
|
||||||
import { generateKeyAndSRPAttributes } from "@ente/accounts/utils/srp";
|
import { generateKeyAndSRPAttributes } from "@ente/accounts/utils/srp";
|
||||||
import { LS_KEYS, getData } from "@ente/shared//storage/localStorage";
|
import { LS_KEYS, getData } from "@ente/shared//storage/localStorage";
|
||||||
import { APPS } from "@ente/shared/apps/constants";
|
import { appNameToAppNameOld } 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 EnteSpinner from "@ente/shared/components/EnteSpinner";
|
import EnteSpinner from "@ente/shared/components/EnteSpinner";
|
||||||
|
@ -42,11 +42,14 @@ import { Formik, type FormikHelpers } from "formik";
|
||||||
import { t } from "i18next";
|
import { t } from "i18next";
|
||||||
import type { NextRouter } from "next/router";
|
import type { NextRouter } from "next/router";
|
||||||
import { useRouter } from "next/router";
|
import { useRouter } from "next/router";
|
||||||
|
import type { AppName } from "packages/next/types/app";
|
||||||
import React, { useEffect, useState } from "react";
|
import React, { useEffect, useState } from "react";
|
||||||
import { Trans } from "react-i18next";
|
import { Trans } from "react-i18next";
|
||||||
import * as Yup from "yup";
|
import * as Yup from "yup";
|
||||||
|
|
||||||
export default function SignUpPage({ appContext, appName }: PageProps) {
|
const Page: React.FC<PageProps> = ({ appContext }) => {
|
||||||
|
const { appName } = appContext;
|
||||||
|
|
||||||
const [loading, setLoading] = useState(true);
|
const [loading, setLoading] = useState(true);
|
||||||
|
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
@ -75,7 +78,9 @@ export default function SignUpPage({ appContext, appName }: PageProps) {
|
||||||
)}
|
)}
|
||||||
</VerticallyCentered>
|
</VerticallyCentered>
|
||||||
);
|
);
|
||||||
}
|
};
|
||||||
|
|
||||||
|
export default Page;
|
||||||
|
|
||||||
interface FormValues {
|
interface FormValues {
|
||||||
email: string;
|
email: string;
|
||||||
|
@ -87,10 +92,12 @@ interface FormValues {
|
||||||
interface SignUpProps {
|
interface SignUpProps {
|
||||||
router: NextRouter;
|
router: NextRouter;
|
||||||
login: () => void;
|
login: () => void;
|
||||||
appName: APPS;
|
appName: AppName;
|
||||||
}
|
}
|
||||||
|
|
||||||
function SignUp({ router, appName, login }: SignUpProps) {
|
function SignUp({ router, appName, login }: SignUpProps) {
|
||||||
|
const appNameOld = appNameToAppNameOld(appName);
|
||||||
|
|
||||||
const [acceptTerms, setAcceptTerms] = useState(false);
|
const [acceptTerms, setAcceptTerms] = useState(false);
|
||||||
const [loading, setLoading] = useState(false);
|
const [loading, setLoading] = useState(false);
|
||||||
const [showPassword, setShowPassword] = useState(false);
|
const [showPassword, setShowPassword] = useState(false);
|
||||||
|
@ -118,7 +125,7 @@ function SignUp({ router, appName, login }: SignUpProps) {
|
||||||
try {
|
try {
|
||||||
setData(LS_KEYS.USER, { email });
|
setData(LS_KEYS.USER, { email });
|
||||||
setLocalReferralSource(referral);
|
setLocalReferralSource(referral);
|
||||||
await sendOtt(appName, email);
|
await sendOtt(appNameOld, email);
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
const message = e instanceof Error ? e.message : "";
|
const message = e instanceof Error ? e.message : "";
|
||||||
setFieldError("confirm", `${t("UNKNOWN_ERROR")} ${message}`);
|
setFieldError("confirm", `${t("UNKNOWN_ERROR")} ${message}`);
|
||||||
|
|
Loading…
Reference in a new issue