From 0c0c83cc8f78f611f5a8527ecedd6ce21d1dad80 Mon Sep 17 00:00:00 2001
From: simeng-li <simeng@silverhand.io>
Date: Mon, 18 Jul 2022 17:46:13 +0800
Subject: [PATCH] feat(ui): add submit input to all the sign-in & register
 forms (#1587)

enable submit on enter by adding submit input to all the forms
---
 packages/ui/src/containers/CreateAccount/index.tsx            | 2 ++
 packages/ui/src/containers/Passwordless/EmailPasswordless.tsx | 2 ++
 packages/ui/src/containers/Passwordless/PhonePasswordless.tsx | 2 ++
 packages/ui/src/containers/UsernameSignin/index.tsx           | 2 ++
 4 files changed, 8 insertions(+)

diff --git a/packages/ui/src/containers/CreateAccount/index.tsx b/packages/ui/src/containers/CreateAccount/index.tsx
index c62e37de3..41eb24c12 100644
--- a/packages/ui/src/containers/CreateAccount/index.tsx
+++ b/packages/ui/src/containers/CreateAccount/index.tsx
@@ -123,6 +123,8 @@ const CreateAccount = ({ className, autoFocus }: Props) => {
       <TermsOfUse className={styles.terms} />
 
       <Button onClick={async () => onSubmitHandler()}>{t('action.create')}</Button>
+
+      <input hidden type="submit" />
     </form>
   );
 };
diff --git a/packages/ui/src/containers/Passwordless/EmailPasswordless.tsx b/packages/ui/src/containers/Passwordless/EmailPasswordless.tsx
index ddd2a2429..7285eb0b5 100644
--- a/packages/ui/src/containers/Passwordless/EmailPasswordless.tsx
+++ b/packages/ui/src/containers/Passwordless/EmailPasswordless.tsx
@@ -120,6 +120,8 @@ const EmailPasswordless = ({ type, autoFocus, className }: Props) => {
         <TermsOfUse className={styles.terms} />
 
         <Button onClick={async () => onSubmitHandler()}>{t('action.continue')}</Button>
+
+        <input hidden type="submit" />
       </form>
       <PasswordlessConfirmModal
         isOpen={showPasswordlessConfirmModal}
diff --git a/packages/ui/src/containers/Passwordless/PhonePasswordless.tsx b/packages/ui/src/containers/Passwordless/PhonePasswordless.tsx
index fec2da4b1..faf91bccc 100644
--- a/packages/ui/src/containers/Passwordless/PhonePasswordless.tsx
+++ b/packages/ui/src/containers/Passwordless/PhonePasswordless.tsx
@@ -134,6 +134,8 @@ const PhonePasswordless = ({ type, autoFocus, className }: Props) => {
         <TermsOfUse className={styles.terms} />
 
         <Button onClick={async () => onSubmitHandler()}>{t('action.continue')}</Button>
+
+        <input hidden type="submit" />
       </form>
       <PasswordlessConfirmModal
         isOpen={showPasswordlessConfirmModal}
diff --git a/packages/ui/src/containers/UsernameSignin/index.tsx b/packages/ui/src/containers/UsernameSignin/index.tsx
index 0144a8658..5cad575a0 100644
--- a/packages/ui/src/containers/UsernameSignin/index.tsx
+++ b/packages/ui/src/containers/UsernameSignin/index.tsx
@@ -115,6 +115,8 @@ const UsernameSignin = ({ className, autoFocus }: Props) => {
       <TermsOfUse className={styles.terms} />
 
       <Button onClick={async () => onSubmitHandler()}>{t('action.sign_in')}</Button>
+
+      <input hidden type="submit" />
     </form>
   );
 };