add call to backend for editing profile and password

Author: feliciagan

frontend/src/components/ChangePasswordModal/index.tsx

@@ -1,9 +1,9 @@
 import { forwardRef, useState } from 'react';
 import { Box, Button, Stack, Typography } from '@mui/material';
 import PasswordTextField from '../PasswordTextField';
-//import { userClient } from '../../utils/api';
-//import axios from 'axios';
-//import { FAILED_PW_UPDATE_MESSAGE, SUCCESS_PW_UPDATE_MESSAGE } from '../../utils/constants';
+import { userClient } from '../../utils/api';
+import axios from 'axios';
+import { FAILED_PW_UPDATE_MESSAGE, SUCCESS_PW_UPDATE_MESSAGE } from '../../utils/constants';
 
 interface ChangePasswordModalProps {
   handleClose: () => void;
@@ -12,8 +12,7 @@ interface ChangePasswordModalProps {
 }
 
 const ChangePasswordModal = forwardRef<HTMLDivElement, ChangePasswordModalProps>((props, ref) => {
-  const { handleClose } = props;
-  //const { handleClose, userId, onUpdate } = props;
+  const { handleClose, userId, onUpdate } = props;
   const [currPassword, setCurrPassword] = useState<string>('');
   const [newPassword, setNewPassword] = useState<string>('');
   const [confirmPassword, setConfirmPassword] = useState<string>('');
@@ -26,7 +25,7 @@ const ChangePasswordModal = forwardRef<HTMLDivElement, ChangePasswordModalProps>
 
   const handleSubmit = async () => {
     //TODO: test with token (only tested without)
-    /*const accessToken = localStorage.getItem("token");
+    const accessToken = localStorage.getItem("token");
 
     try {
       await userClient.patch(
@@ -51,7 +50,7 @@ const ChangePasswordModal = forwardRef<HTMLDivElement, ChangePasswordModalProps>
       } else {
         onUpdate(FAILED_PW_UPDATE_MESSAGE, false);
       }
-    }*/
+    }
   };
 
   return (

frontend/src/components/EditProfileModal/index.tsx

@@ -1,8 +1,8 @@
 import { forwardRef, useState } from 'react';
 import { Box, Button, FormControl, FormHelperText, Stack, TextField, Typography } from '@mui/material';
-//import { userClient } from '../../utils/api';
-//import axios from 'axios';
-//import { FAILED_PROFILE_UPDATE_MESSAGE, SUCCESS_PROFILE_UPDATE_MESSAGE } from '../../utils/constants';
+import { userClient } from '../../utils/api';
+import axios from 'axios';
+import { FAILED_PROFILE_UPDATE_MESSAGE, SUCCESS_PROFILE_UPDATE_MESSAGE } from '../../utils/constants';
 
 interface EditProfileModalProps {
   handleClose: () => void;
@@ -14,8 +14,7 @@ interface EditProfileModalProps {
 }
 
 const EditProfileModal = forwardRef<HTMLDivElement, EditProfileModalProps>((props, ref) => {
-  const { handleClose, currFirstName, currLastName, currBiography } = props;
-  //const { handleClose, currFirstName, currLastName, currBiography, userId, onUpdate } = props;
+  const { handleClose, currFirstName, currLastName, currBiography, userId, onUpdate } = props;
   const nameCharLimit = 50;
   const bioCharLimit = 255;
   const [newFirstName, setNewFirstName] = useState<string>(currFirstName);
@@ -39,7 +38,7 @@ const EditProfileModal = forwardRef<HTMLDivElement, EditProfileModalProps>((prop
 
   const handleSubmit = async () => {
     // TODO: test with token (only tested without)
-    /*const accessToken = localStorage.getItem("token");
+    const accessToken = localStorage.getItem("token");
 
     try {
       await userClient.patch(
@@ -66,7 +65,7 @@ const EditProfileModal = forwardRef<HTMLDivElement, EditProfileModalProps>((prop
         } else {
           onUpdate(FAILED_PROFILE_UPDATE_MESSAGE, false);
         }
-    }*/
+    }
   };
 
   return (

frontend/src/utils/constants.ts

@@ -11,7 +11,8 @@ export const FILL_ALL_FIELDS = "Please fill in all fields";
 // Question
 export const SUCCESS_QUESTION_CREATE = "Question created successfully";
 export const FAILED_QUESTION_CREATE = "Failed to create question";
-export const NO_QUESTION_CHANGES = "You have not made any changes to the question";
+export const NO_QUESTION_CHANGES =
+  "You have not made any changes to the question";
 export const SUCCESS_QUESTION_UPDATE = "Question updated successfully";
 export const FAILED_QUESTION_UPDATE = "Failed to update question";
 export const SUCCESS_QUESTION_DELETE = "Question deleted successfully";
@@ -20,7 +21,7 @@ export const SUCCESS_FILE_UPLOAD = "File uploaded successfully";
 export const FAILED_FILE_UPLOAD = "Failed to upload file";
 
 // Profile
-/*export const SUCCESS_PW_UPDATE_MESSAGE = "Password updated successfully";
+export const SUCCESS_PW_UPDATE_MESSAGE = "Password updated successfully";
 export const FAILED_PW_UPDATE_MESSAGE = "Failed to update password";
 export const SUCCESS_PROFILE_UPDATE_MESSAGE = "Profile updated successfully";
-export const FAILED_PROFILE_UPDATE_MESSAGE = "Failed to update profile";*/
+export const FAILED_PROFILE_UPDATE_MESSAGE = "Failed to update profile";