From 2187380a9f29328cf46ccbf90d8e9d0675567ab7 Mon Sep 17 00:00:00 2001
From: Francis Li <francisli@users.noreply.github.com>
Date: Tue, 17 Sep 2024 18:22:51 -0700
Subject: [PATCH] [Closes #123] Set type email on fields collecting an email
 address (#126)

---
 client/src/pages/auth/login/LoginForm.jsx                    | 1 +
 client/src/pages/auth/password-forgot/PasswordForgotForm.jsx | 1 +
 client/src/pages/auth/register/RegisterForm.jsx              | 1 +
 3 files changed, 3 insertions(+)

diff --git a/client/src/pages/auth/login/LoginForm.jsx b/client/src/pages/auth/login/LoginForm.jsx
index b4fbbc7a..1b36c5d2 100644
--- a/client/src/pages/auth/login/LoginForm.jsx
+++ b/client/src/pages/auth/login/LoginForm.jsx
@@ -52,6 +52,7 @@ export function LoginForm({
         <Container size="25rem">
           <TextInput
             className={classes.email}
+            type="email"
             label="Email"
             placeholder="user@email.com"
             value={email}
diff --git a/client/src/pages/auth/password-forgot/PasswordForgotForm.jsx b/client/src/pages/auth/password-forgot/PasswordForgotForm.jsx
index 16d2e2e0..4bfea65c 100644
--- a/client/src/pages/auth/password-forgot/PasswordForgotForm.jsx
+++ b/client/src/pages/auth/password-forgot/PasswordForgotForm.jsx
@@ -34,6 +34,7 @@ export function PasswordForgotForm({
         <TextInput
           disabled={isLoading || formState == 2}
           name="email"
+          type="email"
           label="Email"
           placeholder="user@email.com"
           value={email}
diff --git a/client/src/pages/auth/register/RegisterForm.jsx b/client/src/pages/auth/register/RegisterForm.jsx
index 828d748c..c7cf16e0 100644
--- a/client/src/pages/auth/register/RegisterForm.jsx
+++ b/client/src/pages/auth/register/RegisterForm.jsx
@@ -124,6 +124,7 @@ export function RegisterForm({
               <TextInput
                 disabled={isLoading}
                 name="email"
+                type="email"
                 label="Email"
                 placeholder="Email"
                 value={user.email}