WIP

Author: Gimleux

src/components/pages/User/Profile.tsx

@@ -29,14 +29,15 @@ export default function Profile(): ReactElement {
         }
     }
 
-    function handleEditModeChange(): void {
+    function changeEditMode(): void {
         console.log("[PROFILE] changedEditMode")
         setIsEditing(!isEditing)
     }
 
-    const handleSubmit = async () => {
+    const handleSubmit = () => {
         console.log("[PROFILE] handleSubmit")
-        console.log(changeUserInformation(newUser))
+        //console.log(changeUserInformation(newUser))
+        changeEditMode()
     }
 
     /*function EditProfile(): ReactElement {
@@ -100,7 +101,7 @@ export default function Profile(): ReactElement {
                     <h1 className="mr-1 h4">
                         My Profile
                     </h1>
-                    <Button onClick={handleEditModeChange}>{isEditing ? "Save Changes" : "Edit Informations"}</Button>
+                    {isEditing ? <></> : <Button onClick={changeEditMode} disabled={isEditing}>{isEditing ? "Editing" : "Edit Information"}</Button>}
                 </Row>
             </Container>
             {isEditing ? <EditProfile/> : <DisplayProfile/>}

src/components/pages/User/UserInformationInput.tsx

@@ -38,7 +38,6 @@ export default function UserInformationInput(props: Props): ReactElement {
     const [passwordInformationUppercase, setPasswordInformationUppercase] = useState<boolean>(false);
     const [passwordInformationNumber, setPasswordInformationNumber] = useState<boolean>(false);
     const [passwordsMatch, setPasswordsMatch] = useState<boolean>(true);
-    const [submitted, setSubmitted] = useState<boolean>(false);
 
     const reviewPasswordMatch = useCallback((): void => {
         setPasswordsMatch(password === passwordConfirmation);
@@ -50,10 +49,9 @@ export default function UserInformationInput(props: Props): ReactElement {
 
     useEffect(() => {
         //TODO: [UserInformationInput.tsx] without submitted submitFunction triggers on site load
-        if (submitted){
+            console.log("[UserInformationInput] in submit useEffect")
             submitFunction();
-        }
-    }, [submitted, newUser])
+    }, [newUser])
 
     const makePasswordInputFitRules = (input: string): [string, boolean] => {
         input = deleteSpaces(input);
@@ -95,7 +93,6 @@ export default function UserInformationInput(props: Props): ReactElement {
         console.log("[UserInformationInput] handleSubmit")
         reviewPasswordMatch();
         setNewUser({username: username, password: password, passwordConfirmation: passwordConfirmation})
-        setSubmitted(true)
     }
 
     return (