Connect invite-user to Frontend

Author: sthuray

frontend/src/APIClients/UserAPIClient.ts

@@ -14,7 +14,7 @@ const get = async (): Promise<User[]> => {
     });
     return data;
   } catch (error) {
-    throw new Error(`Failed to get entity: ${error}`);
+    throw new Error(`Failed to get users. ${error instanceof Error ? error.message : "Unknown error occured."}`);
   }
 };
 
@@ -33,4 +33,18 @@ const create = async (formData: CreateUserDTO): Promise<CreateUserDTO> => {
   }
 };
 
-export default { get, create };
+const invite = async (email: string): Promise<void> => {
+  const bearerToken = `Bearer ${getLocalStorageObjProperty(
+    AUTHENTICATED_USER_KEY,
+    "accessToken",
+  )}`;
+  try {
+    await baseAPIClient.post("/auth/invite-user", { email }, {
+      headers: { Authorization: bearerToken },
+    });
+  } catch (error) {
+    throw new Error(`Failed to invite user with email '${email}'`)
+  }
+}
+
+export default { get, create, invite };

frontend/src/components/pages/UserManagementPage.tsx

@@ -32,6 +32,7 @@ const handleUserSubmit = async (formData: AddUserRequest) => {
         | "Staff"
         | "Volunteer",
     });
+    await UserAPIClient.invite(formData.email);
   } catch (error) {
     throw error;
   }
@@ -50,7 +51,7 @@ const UserManagementPage = (): React.ReactElement => {
         setUsers(fetchedUsers);
       }
     } catch (error) {
-      setErrorMessage(`Failed to get users: ${error}`);
+      setErrorMessage(`${error}`);
     }
   };