Fixed name/id props

cesium · Nov 19, 2023 · b998adc · b998adc
1 parent df48f5c
commit b998adc
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 8 deletions.
diff --git a/layout/Login/components/LoginForm/index.tsx b/layout/Login/components/LoginForm/index.tsx
@@ -36,14 +36,14 @@ export default function LoginForm() {
           autoComplete="email"
           ref={emailRef}
         />
-        <div>
-          <PasswordInput
-            text="YOUR PASSWORD"
-            fgColor="white"
-            bgColor="primary"
-            ref={passwordRef}
-          />
-        </div>
+        <PasswordInput
+          text="YOUR PASSWORD"
+          id="password"
+          name="password"
+          fgColor="white"
+          bgColor="primary"
+          ref={passwordRef}
+        />
         <Text
           padding="6"
           text="Forgot your password?"

diff --git a/layout/ResetPassword/components/ResetPasswordForm/index.tsx b/layout/ResetPassword/components/ResetPasswordForm/index.tsx
@@ -53,6 +53,8 @@ export default function ResetPasswordForm() {
         <Form onSubmit={onSubmit}>
           <PasswordInput
             text="PASSWORD"
+            name="password"
+            type="password"
             fgColor="white"
             bgColor="primary"
             ref={passwordRef}

diff --git a/layout/SignUp/components/SignUpForm/index.tsx b/layout/SignUp/components/SignUpForm/index.tsx
@@ -95,12 +95,16 @@ export default function SignUpForm() {
         />
         <PasswordInput
           text="PASSWORD"
+          id="password"
+          name="password"
           fgColor="white"
           bgColor="primary"
           onChange={(e) => updatePassword(e.currentTarget.value)}
         />
         <PasswordInput
           text="CONFIRM PASSWORD"
+          name="confirm"
+          type="confirm"
           fgColor="white"
           bgColor="primary"
         />

diff --git a/pages/register/[uuid].js b/pages/register/[uuid].js
@@ -71,12 +71,16 @@ function Register() {
           />
           <PasswordInput
             text="PASSWORD"
+            name="password"
+            type="password"
             fgColor="white"
             bgColor="primary"
             onChange={(e) => updatePassword(e.currentTarget.value)}
           />
           <PasswordInput
             text="CONFIRM PASSWORD"
+            name="confirm"
+            type="confirm"
             fgColor="white"
             bgColor="primary"
             onChange={(e) => updatePasswordConfirmation(e.currentTarget.value)}