diff --git a/space/components/accounts/auth-forms/root.tsx b/space/components/accounts/auth-forms/root.tsx index 1fce06d18..ba05797a2 100644 --- a/space/components/accounts/auth-forms/root.tsx +++ b/space/components/accounts/auth-forms/root.tsx @@ -26,43 +26,28 @@ type TTitle = { }; type THeaderSubheader = { - [mode in EAuthModes]: { - [step in Exclude]: TTitle; - }; + [mode in EAuthModes]: TTitle; }; -const Titles: THeaderSubheader = { +const titles: THeaderSubheader = { [EAuthModes.SIGN_IN]: { - [EAuthSteps.PASSWORD]: { - header: "Sign in to Plane", - subHeader: "Get back to your projects and make progress", - }, - [EAuthSteps.UNIQUE_CODE]: { - header: "Sign in to Plane", - subHeader: "Get back to your projects and make progress", - }, + header: "Sign in to upvote or comment", + subHeader: "Contribute in nudging the features you want to get built.", }, [EAuthModes.SIGN_UP]: { - [EAuthSteps.PASSWORD]: { - header: "Create your account", - subHeader: "Progress, visualize, and measure work how it works best for you.", - }, - [EAuthSteps.UNIQUE_CODE]: { - header: "Create your account", - subHeader: "Progress, visualize, and measure work how it works best for you.", - }, + header: "Comment or react to issues", + subHeader: "Use plane to add your valuable inputs to features.", }, }; -// TODO: Better approach for this. -const getHeaderSubHeader = (mode: EAuthModes | null, step: EAuthSteps): TTitle => { +const getHeaderSubHeader = (mode: EAuthModes | null): TTitle => { if (mode) { - return (Titles[mode] as any)[step]; + return titles[mode]; } return { - header: "Get started with Plane", - subHeader: "Progress, visualize, and measure work how it works best for you.", + header: "Comment or react to issues", + subHeader: "Use plane to add your valuable inputs to features.", }; }; @@ -81,7 +66,7 @@ export const AuthRoot = observer(() => { // derived values const isSmtpConfigured = instance?.config?.is_smtp_configured; - const { header, subHeader } = getHeaderSubHeader(authMode, authStep); + const { header, subHeader } = getHeaderSubHeader(authMode); const handelEmailVerification = async (data: IEmailCheckData) => { // update the global email state diff --git a/web/components/account/auth-forms/sign-up-root.tsx b/web/components/account/auth-forms/sign-up-root.tsx index 676933a9f..1be27e38c 100644 --- a/web/components/account/auth-forms/sign-up-root.tsx +++ b/web/components/account/auth-forms/sign-up-root.tsx @@ -10,10 +10,10 @@ import { AuthHeader, AuthBanner, AuthEmailForm, + AuthUniqueCodeForm, AuthPasswordForm, OAuthOptions, TermsAndConditions, - UniqueCodeForm, } from "@/components/account"; // helpers import { @@ -63,7 +63,7 @@ export const SignUpAuthRoot: FC = observer(() => { await authService .signUpEmailCheck(data) .then(() => { - if (isSmtpConfigured) setAuthStep(EAuthSteps.UNIQUE_CODE); + if (isSmtpConfigured) setAuthStep(EAuthSteps.PASSWORD); else setAuthStep(EAuthSteps.PASSWORD); }) .catch((error) => { @@ -105,7 +105,7 @@ export const SignUpAuthRoot: FC = observer(() => { )} {authStep === EAuthSteps.EMAIL && } {authStep === EAuthSteps.UNIQUE_CODE && ( - { setEmail(""); diff --git a/web/components/account/auth-forms/unique-code.tsx b/web/components/account/auth-forms/unique-code.tsx index b22a93530..b0f6e6373 100644 --- a/web/components/account/auth-forms/unique-code.tsx +++ b/web/components/account/auth-forms/unique-code.tsx @@ -30,7 +30,7 @@ const defaultValues: TUniqueCodeFormValues = { // services const authService = new AuthService(); -export const UniqueCodeForm: React.FC = (props) => { +export const AuthUniqueCodeForm: React.FC = (props) => { const { email, handleEmailClear, submitButtonText, mode } = props; // states const [uniqueCodeFormData, setUniqueCodeFormData] = useState({ ...defaultValues, email });