From 92c7e2b91d9331ccf76d9b48c9015b23c3e42ea5 Mon Sep 17 00:00:00 2001
From: RamiBerm <54766858+RamiBerm@users.noreply.github.com>
Date: Thu, 13 Jan 2022 17:07:47 +0200
Subject: [PATCH] Install page on enter event handler (#640)

---
 ui/src/components/InstallPage.tsx | 8 +++++++-
 ui/src/components/LoginPage.tsx   | 1 -
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/InstallPage.tsx b/ui/src/components/InstallPage.tsx
index 5c88fca1d..fcc88c559 100644
--- a/ui/src/components/InstallPage.tsx
+++ b/ui/src/components/InstallPage.tsx
@@ -53,7 +53,13 @@ export const InstallPage: React.FC<InstallPageProps> = ({onFirstLogin}) => {
 
     }
 
-    return <div className="centeredForm">
+    const handleFormOnKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {
+        if (e.key === "Enter") {
+            onFormSubmit();
+        }
+    };
+
+    return <div className="centeredForm" onKeyPress={handleFormOnKeyPress}>
             {isLoading && <LoadingOverlay/>}
             <div className="form-title left-text">Setup</div>
             <span className="form-subtitle">Welcome to Mizu, please set up the admin user to continue</span>
diff --git a/ui/src/components/LoginPage.tsx b/ui/src/components/LoginPage.tsx
index 8ebc51372..6f3a71d37 100644
--- a/ui/src/components/LoginPage.tsx
+++ b/ui/src/components/LoginPage.tsx
@@ -41,7 +41,6 @@ const LoginPage: React.FC = () => {
         }
     };
 
-
     return <div className="centeredForm" onKeyPress={handleFormOnKeyPress}>
             {isLoading && <LoadingOverlay/>}
             <div className="form-title left-text">Login</div>