fix member

src/pages/members/manage-members/ManageMembers.tsx

@@ -20,7 +20,10 @@ const ManageMembers = () => {
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const [dialogOpen, setDialogOpen] = useState(false);
   const [dialogType, setDialogType] = useState('');
-  const closeDialog = () => setIsDialogOpen(false);
+  const closeDialog = () => {
+    setIsDialogOpen(false)
+    setMember(initialMember)
+  };
   const { getUser } = useAuthContext();
 
   useEffect(() => {
@@ -48,7 +51,7 @@ const ManageMembers = () => {
       });
       setMembers(resMembers);
     } catch (error: any) {
-      alert(error.message);
+      toast.error(error.message);
       console.log(error);
     }
   }
@@ -99,8 +102,16 @@ const ManageMembers = () => {
     delete updateData.group_deleted_at;
     delete updateData.updated_at;
     try {
-      if (dialogType === 'update')
-        await axios.put(`${BASE_URL}/customer/update/${selectedMember}`, updateData);
+      const form = new FormData();
+      for (const property in updateData) {
+        if (updateData[property]) form.append(property, updateData[property]);
+      }
+      
+      if (dialogType === 'update') await axios.put(`${BASE_URL}/customer/update/${selectedMember}`, form, {
+          headers: {
+            'Content-Type': 'multipart/form-data'
+          }
+        });
       // if (dialogType === 'create') await axios.post(`${BASE_URL}/customers/create`, member)
       await fetchCustomers();
       setDialogOpen(false);
@@ -130,12 +141,14 @@ const ManageMembers = () => {
             onYes={handleYes}
             onNo={() => setDialogOpen(false)}
           />
-          <CustomerDialog
+          { member.id ? (
+            <CustomerDialog
             open={isDialogOpen}
             handleClose={closeDialog}
             handleSubmit={handleSubmit}
             initialData={member}
           />
+          ): ""}
           <h1 className="text-xl font-medium leading-none text-gray-900 mb-3 grid gap-5 lg:gap-7.5 mx-8 w-auto">Manage Members</h1>
           <div className='grid gap-5 lg:gap-7.5 mx-8 w-auto'>
             <Breadcrumbs>