update user creation page

NotMash · Apr 9, 2024 · cf86a30 · cf86a30
1 parent f8bf5e5
commit cf86a30
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/frontend/src/Components/IT_Technician_Page/UserAccountCreation.js b/frontend/src/Components/IT_Technician_Page/UserAccountCreation.js
@@ -14,7 +14,7 @@ function UserAccountCreation() {
     const [email, setEmail] = useState("");
     const [password, setPassword] = useState("");
     const [confirmPassword, setConfirmPassword] = useState("");
-    const [isConfirmPasswordValid, setIsConfirmPasswordValid] = useState(false);
+    const [isConfirmPasswordValid, setIsConfirmPasswordValid] = useState(true);
     const navigate = useNavigate();
 
     const handlePasswordToggle = () => {
@@ -156,7 +156,7 @@ function UserAccountCreation() {
                             )}
                         </div>
                         {!isConfirmPasswordValid && confirmPassword && <p className={styles.validationMessage}>Passwords do not match.</p>}
-                        <input id="submit_button" type="submit" name="submit_btn" value="Create" />
+                        <input id="submit_button" disabled={!isConfirmPasswordValid} type="submit" name="submit_btn" value="Create" />
                     </form>
                 </div>
             </div>

diff --git a/frontend/src/Components/IT_Technician_Page/UserAccountCreation.module.css b/frontend/src/Components/IT_Technician_Page/UserAccountCreation.module.css
@@ -140,3 +140,10 @@
     transform: translateY(10px);
     transition: 100ms;
   }
+
+  .userAccountForm input[type=submit]:disabled {
+    background-color: #383838;
+    color: rgb(176, 176, 176);
+    box-shadow: none;
+    transform: none;
+  }