compact

src/components/Nav/AuthModal/RegisterForm.tsx

@@ -140,6 +140,9 @@ export const RegisterForm = () => {
           email: (
             <>
               {t('This email is verified')}. {t('You can')}
+              <span class="link" onClick={() => changeSearchParams({ mode: 'login' })}>
+                {t('enter')}
+              </span>
             </>
           ),
         }))
@@ -221,45 +224,21 @@ export const RegisterForm = () => {
               </div>
             </div>
 
-            <Show
+            <PasswordField
-              when={emailStatus() !== 'registered'}
+              disableAutocomplete={true}
-              fallback={
+              disabled={Boolean(emailStatus())}
-                <button
+              errorMessage={(err) => setPasswordError(err)}
-                  class={clsx('button', styles.submitButton)}
+              onInput={(value) => setPassword(value)}
-                  onClick={() => changeSearchParams({ mode: 'login' })}
+            />
-                >
-                  {emailStatus() === 'verified' ? t('Login') : t('')}
-                </button>
-              }
-            >
-              <PasswordField
-                disableAutocomplete={true}
-                disabled={Boolean(emailStatus())}
-                errorMessage={(err) => setPasswordError(err)}
-                onInput={(value) => setPassword(value)}
-              />
-            </Show>
 
             <div>
-              <Show
+              <button
-                when={emailStatus() !== 'registered'}
+                class={clsx('button', styles.submitButton)}
-                fallback={
+                disabled={isSubmitting() || Boolean(emailStatus())}
-                  <button
+                type="submit"
-                    class={clsx('button', styles.submitButton)}
-                    onClick={() => changeSearchParams({ mode: 'send-reset-link' })}
-                  >
-                    {t('Set the new password')}
-                  </button>
-                }
               >
-                <button
+                {isSubmitting() ? '...' : t('Join')}
-                  class={clsx('button', styles.submitButton)}
+              </button>
-                  disabled={isSubmitting() || Boolean(emailStatus())}
-                  type="submit"
-                >
-                  {isSubmitting() ? '...' : t('Join')}
-                </button>
-              </Show>
             </div>
           </div>