fix bugs preventing proper updating of user profile during search nav

Author: jng34

client/src/App.jsx

@@ -65,7 +65,7 @@ const routes = [
   {
     path: '/users/permission-search',
     name: 'useradmin',
-    Component: UserPermission,
+    Component: withAuth(UserPermission),
   },
   {
     path: '/projects/visibility',

client/src/components/user-admin/EditUsers.jsx

@@ -18,7 +18,7 @@ import {
 import '../../sass/UserAdmin.scss';
 import useAuth from '../../hooks/useAuth';
 
-
+// child of UserAdmin. Displays form to update users.
 const EditUsers = ({
   userToEdit,
   backToSearch,
@@ -80,7 +80,7 @@ const EditUsers = ({
       setUserManagedProjects(newProjects);
     }
   };
-
+  
   const handleSetIsActive = () => {
     if (!isSuperAdmin) {
       setIsActive(!isActive);

client/src/components/user-admin/UserPermissionSearch.jsx

@@ -20,8 +20,7 @@ const Buttonsx = {
   py: 0.5,
 };
 
-const DummyComponent = ({ data, isProjectLead, setUserToEdit }) => {
-  const { auth } = useAuth();
+const ListComponent = ({ data, isProjectLead, setUserToEdit }) => {
   return (
     <List className="search-results disablePadding">
       {data.map((u, idx) => {
@@ -104,12 +103,12 @@ const DummyComponent = ({ data, isProjectLead, setUserToEdit }) => {
   );
 };
 
-const UserPermissionSearch = ({ admins, projectLeads, setUserToEdit }) => {
+const UserPermissionSearch = ({ admins, projectManagers, setUserToEdit }) => {
   const { searchText, setSearchText, userType, setUserType, isProjectLead, setIsProjectLead } = useSearchText(); // React context hook
 
   const location = useLocation();
 
-  const resultData = [...admins, ...projectLeads];
+  const resultData = [...admins, ...projectManagers];
 
   useEffect(() => {
     // Edit url by adding '/admin' upon loading
@@ -328,7 +327,7 @@ const UserPermissionSearch = ({ admins, projectLeads, setUserToEdit }) => {
         >
           <Box>
             {/*Component to render admins and PMs*/}
-            <DummyComponent
+            <ListComponent
               data={filteredData}
               isProjectLead={isProjectLead}
               setUserToEdit={setUserToEdit}

client/src/pages/UserPermission.jsx

@@ -29,25 +29,25 @@ const UserPermission = () => {
   }, [userApiService]);
 
   const updateUserDb = useCallback(
-    async (user, managedProjects) => {
-      await userApiService.updateUserDbProjects(user, managedProjects);
+    async (user, managedProjects, action) => {
+      await userApiService.updateUserDbProjects(user, managedProjects, action);
       fetchAdmins();
     },
     [userApiService, fetchAdmins]
   );
 
   const updateUserActiveStatus = useCallback(
     async (user, isActive) => {
-      await userApiService.updateUserDbIsActive(admins, isActive);
+      await userApiService.updateUserDbIsActive(user, isActive);
       fetchAdmins();
     },
     [userApiService, fetchAdmins]
   );
 
   // Update user's access level (admin/user)
   const updateUserAccessLevel = useCallback(
-    async (admin, newAccessLevel) => {
-      await userApiService.updateUserAccessLevel(admin, newAccessLevel);
+    async (user, newAccessLevel) => {
+      await userApiService.updateUserAccessLevel(user, newAccessLevel);
       fetchAdmins();
     },
     [userApiService, fetchAdmins]
@@ -62,7 +62,7 @@ const UserPermission = () => {
     fetchAdmins();
     fetchProjects();
     fetchProjectsManagers();
-  }, [fetchAdmins, fetchProjects, fetchProjectsManagers]);
+  }, [userToEdit, fetchAdmins, fetchProjects, fetchProjectsManagers]);
 
   const backToSearch = () => {
     setUserToEdit({});
@@ -76,7 +76,7 @@ const UserPermission = () => {
     return (
       <UserPermissionSearch
         admins={admins}
-        projectLeads={projectManagers}
+        projectManagers={projectManagers}
         setUserToEdit={setUserToEdit}
       />
     );