🔒️ Remove link to change email (#1156)

apps/web/public/locales/en/app.json

@@ -80,7 +80,6 @@
   "validEmail": "Please enter a valid email",
   "verificationCodeHelp": "Didn't get the email? Check your spam/junk.",
   "verificationCodePlaceholder": "Enter your 6-digit code",
-  "verificationCodeSent": "A verification code has been sent to <b>{email}</b> <a>Change</a>",
   "verifyYourEmail": "Verify your email",
   "startOfWeek": "Start of week",
   "weekView": "Week view",
@@ -261,5 +260,6 @@
   "advancedSettingsTitle": "Advanced Settings",
   "advancedSettingsDescription": "Hide participants, hide scores, require participant email address.",
   "keepPollsIndefinitely": "Keep Polls Indefinitely",
-  "keepPollsIndefinitelyDescription": "Inactive polls will not be auto-deleted."
+  "keepPollsIndefinitelyDescription": "Inactive polls will not be auto-deleted.",
+  "verificationCodeSentTo": "We sent a verification code to <b>{{ email }}</b>"
 }

apps/web/src/app/[locale]/(auth)/login/login-form.tsx

@@ -143,9 +143,6 @@ export function LoginForm() {
           }
         }}
         email={getValues("email")}
-        onChangeEmail={() => {
-          setEmail(undefined);
-        }}
       />
     );
   }

apps/web/src/app/[locale]/(auth)/register/register-page.tsx

@@ -68,9 +68,6 @@ export const RegisterForm = () => {
           });
         }}
         email={getValues("email")}
-        onChangeEmail={() => {
-          setToken(undefined);
-        }}
       />
     );
   }

apps/web/src/components/auth/auth-forms.tsx

@@ -1,4 +1,3 @@
-"use client";
 import { Button } from "@rallly/ui/button";
 import { Input } from "@rallly/ui/input";
 import { Trans, useTranslation } from "next-i18next";
@@ -22,8 +21,7 @@ export const verifyCode = async (options: { email: string; token: string }) => {
 export const VerifyCode: React.FunctionComponent<{
   email: string;
   onSubmit: (code: string) => Promise<void>;
-  onChangeEmail?: () => void;
-}> = ({ onSubmit, onChangeEmail, email }) => {
+}> = ({ onSubmit, email }) => {
   const { register, handleSubmit, setError, formState } = useForm<{
     code: string;
   }>();
@@ -54,20 +52,11 @@ export const VerifyCode: React.FunctionComponent<{
           <p className="mb-4">
             <Trans
               t={t}
-              i18nKey="verificationCodeSent"
+              i18nKey="verificationCodeSentTo"
+              defaults="We sent a verification code to <b>{{ email }}</b>"
               values={{ email }}
               components={{
                 b: <strong className="whitespace-nowrap" />,
-                a: (
-                  <button
-                    type="button"
-                    role="button"
-                    className="text-link"
-                    onClick={() => {
-                      onChangeEmail?.();
-                    }}
-                  />
-                ),
               }}
             />
           </p>