Adding Team Member fixed

frontend/src/pages/Admin/Components/AddTeamMember/AddTeamMember.jsx

@@ -106,7 +106,6 @@ export function AddTeamMember() {
     setFormErrors(errors);
   };
 
-
   const onSubmit = async (e) => {
     e.preventDefault();
     const errors = validate();
@@ -135,15 +134,15 @@ export function AddTeamMember() {
       console.log(errors);
     } else {
       //Call the Server
-      const form = new FormData();
-      form.append("fullName", formdata?.fullName);
-      form.append("description", formdata?.description);
-      form.append("linkedinUrl", formdata?.linkedin);
-      form.append("githubUrl", formdata.github);
-      form.append("twitterUrl", formdata.twitter);
-      form.append("teams", selectTeam);
-      form.append("image", pic);
-      await postTeamMember(form,setToast,toast);
+      const form = new Object();
+      form["fullName"] = formdata?.fullName;
+      form["description"] = formdata?.description;
+      form["linkedinUrl"] = formdata?.linkedin;
+      form["githubUrl"] = formdata.github;
+      form["twitterUrl"] = formdata.twitter;
+      form["teams"] = selectTeam;
+      form["image"] = pic;
+      await postTeamMember(form, setToast, toast);
       const temp = {
         fullName: "",
         description: "",
@@ -328,7 +327,7 @@ export function AddTeamMember() {
           </div>
         </div>
       </div>
-      
+
       {toast.toastStatus && (
         <SimpleToast
           open={toast.toastStatus}

frontend/src/service/About.jsx

@@ -1,4 +1,11 @@
-import { DELETE_FAIL, DELETE_SUCCESS, GET_FAIL, GET_SUCCESS, POST_FAIL, POST_SUCCUSS } from "../common/constants";
+import {
+  DELETE_FAIL,
+  DELETE_SUCCESS,
+  GET_FAIL,
+  GET_SUCCESS,
+  POST_FAIL,
+  POST_SUCCUSS,
+} from "../common/constants";
 import { END_POINT } from "../config/api";
 
 const getTeamMembers = async (setToast, toast) => {
@@ -12,22 +19,22 @@ const getTeamMembers = async (setToast, toast) => {
     });
     const data = await response.json();
     const _data = data.map((item) => {
-        return {
-          ...item,
-          teams: item.teams[0].split(","),
-        };
-      });
-      let _image = [];
-      await _data?.map((item) => {
-        let formattedPath = item.image?.replace(/\\/g, "/");
-        if (formattedPath?.startsWith("uploads/")) {
-          formattedPath = formattedPath.replace("uploads/", "");
-          if (formattedPath) {
-            formattedPath = `${END_POINT}/${formattedPath}`;
-          }
+      return {
+        ...item,
+        teams: item.teams,
+      };
+    });
+    let _image = [];
+    await _data?.map((item) => {
+      let formattedPath = item.image?.replace(/\\/g, "/");
+      if (formattedPath?.startsWith("uploads/")) {
+        formattedPath = formattedPath.replace("uploads/", "");
+        if (formattedPath) {
+          formattedPath = `${END_POINT}/${formattedPath}`;
         }
-        _image.push({ image: formattedPath, id: item._id });
-      });
+      }
+      _image.push({ image: formattedPath, id: item._id });
+    });
 
     setToast({
       ...toast,
@@ -47,12 +54,13 @@ const getTeamMembers = async (setToast, toast) => {
   }
 };
 
-const postTeamMember = async (data,setToast,toast) => {
+const postTeamMember = async (data, setToast, toast) => {
   try {
     const response = await fetch(`${END_POINT}/teamMember/addTeamMember`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
+        Authorization: `Bearer ${localStorage.getItem("token")}`,
       },
       body: JSON.stringify(data),
     });
@@ -105,4 +113,4 @@ const deleteTeamMember = async (id, setToast, toast) => {
   }
 };
 
-export { getTeamMembers, postTeamMember, deleteTeamMember};
+export { getTeamMembers, postTeamMember, deleteTeamMember };