Mandatory Input update

apache · Oct 5, 2023 · ba296fd · ba296fd
1 parent d2542ee
commit ba296fd
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx
@@ -32,8 +32,7 @@ function Login(props) {
         }
         catch(err) {
         props.navigate("/login");
-        }
-
+        }  
     }
     else {
         props.navigate("/login");
@@ -69,6 +68,7 @@ function Login(props) {
                                     value={props.loginValues.password}
                                     style={{color: 'white', width: '100%'}}
                                     disableUnderline
+                                    required
                                     endAdornment={
                                         <InputAdornment position="end">
                                         <IconButton
@@ -83,7 +83,7 @@ function Login(props) {
                                     />
                             </div>
                             <div className="login-form__row">
-                                <button className="login-form__submit button button--main button--full" id="submit" onClick={loginAccount}>
+                                <button disabled={!props.loginValues.password} className="login-form__submit button button--main button--full" id="submit" onClick={loginAccount}>
                                     Login
                                 </button>
                             </div>

diff --git a/src/pages/SignUp.jsx b/src/pages/SignUp.jsx
@@ -111,6 +111,7 @@ function SignUp(props) {
                             value={props.values.password}
                             style={{color: 'white', width: '100%'}}
                             disableUnderline
+                            required
                             endAdornment={
                                 <InputAdornment position="end">
                                 <IconButton
@@ -134,6 +135,7 @@ function SignUp(props) {
                             value={props.confirmValues.password}
                             style={{color: 'white', width: '100%'}}
                             disableUnderline
+                            required
                             endAdornment={
                                 <InputAdornment position="end">
                                 <IconButton
@@ -149,7 +151,7 @@ function SignUp(props) {
 						</div>
                         <PasswordStrengthBar password={props.values.password} />
 						<div className="login-form__row">
-							<button className="login-form__submit button button--main button--full" id="submit" onClick={createAccount}>
+							<button disabled={!props.values.password && !props.confirmValues.password} className="login-form__submit button button--main button--full" id="submit" onClick={createAccount}>
                                 Create Account
                             </button>
 						</div>