fix detail member

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

@@ -3,20 +3,22 @@ import { apiConfig } from '@/config/api.config';
 import { columns, Members, initialMember } from './Columns';
 import { useState, useEffect } from 'react';
 import axios from 'axios';
-import CustomerDialog from './CustomerDetailModal';
+// import CustomerDialog from './CustomerDetailModal';
+import DetailMember from './blocks/DetailMember';
 import ConfirmDialog from '@/components/confirm';
 import { useAuthContext } from '@/auth';
-import { ScreenLoader } from '@/components';
+import { LoaderTransparant } from '@/components';
 import { toast } from 'sonner';
 import { Breadcrumbs, Link } from '@mui/material';
+const BASE_URL_MASTER_DATA = apiConfig.service_master_data;
 const BASE_URL = apiConfig.service_customer;
 import { Helmet } from 'react-helmet';
-
 const ManageMembers = () => {
   const [loading, setLoading] = useState(false);
   const [members, setMembers] = useState([]);
   const [selectedMember, setSelectedMember] = useState('');
   const [member, setMember] = useState(initialMember);
+  const [profession, setProfession] = useState([]);
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const [dialogOpen, setDialogOpen] = useState(false);
   const [dialogType, setDialogType] = useState('');
@@ -34,7 +36,7 @@ const ManageMembers = () => {
 
   async function fetchCustomers() {
     try {
-      let groups = await axios.get(`${BASE_URL}/customer/list`, {
+      let customers = await axios.get(`${BASE_URL}/customer/list`, {
         params: {
           limit: 20,
           page: 1,
@@ -44,12 +46,22 @@ const ManageMembers = () => {
         }
       });
       let temp = 1;
-      let resMembers = groups.data.data.list.map((el: any) => {
+      let resMembers = customers.data.data.list.map((el: any) => {
         el.no = temp++;
         el.name = el.fullname;
         return el;
       });
       setMembers(resMembers);
+      let getProfession: any = await axios.get(`${BASE_URL_MASTER_DATA}/profession/list`, {
+        params: {
+            limit: 50,
+            page: 1,
+            with_deleted: false,
+            order_field: 'name',
+            order_direction: 'ASC',
+        }
+      });
+      setProfession(getProfession.data.data.list)
     } catch (error: any) {
       toast.error(error.message);
       console.log(error);
@@ -75,6 +87,7 @@ const ManageMembers = () => {
   }
 
   const handleYes = async () => {
+    setLoading(true)
     const userLogin: any = await getUser();
     const updateData: any = member;
     updateData.updated_by = userLogin.data ? userLogin.data.id : '';
@@ -113,18 +126,22 @@ const ManageMembers = () => {
           }
         });
       // if (dialogType === 'create') await axios.post(`${BASE_URL}/customers/create`, member)
-      await fetchCustomers();
-      setDialogOpen(false);
-      setIsDialogOpen(false);
       toast.success('Success Update Member');
     } catch (error: any) {
-      setDialogOpen(false);
-      setIsDialogOpen(false);
       toast.error(error.message);
+    } finally {
+      setDialogOpen(false);
+      closeDialog();
+      await fetchCustomers();
+      setLoading(false)
     }
   };
 
-  if (loading) return <ScreenLoader />;
+  function setShowAddDialog(el: any) {
+    setIsDialogOpen(el)
+  }
+
+  if (loading) return <LoaderTransparant />;
 
   return (
     <>
@@ -141,14 +158,23 @@ const ManageMembers = () => {
             onYes={handleYes}
             onNo={() => setDialogOpen(false)}
           />
-          { member.id ? (
-            <CustomerDialog
-            open={isDialogOpen}
-            handleClose={closeDialog}
-            handleSubmit={handleSubmit}
-            initialData={member}
-            fetchCustomers={fetchCustomers}
-          />
+          { member.id !== '' ? (
+          //   <CustomerDialog
+          //   open={isDialogOpen}
+          //   handleClose={closeDialog}
+          //   handleSubmit={handleSubmit}
+          //   initialData={member}
+          //   fetchCustomers={fetchCustomers}
+          // />
+            <DetailMember
+              showAddDialog={isDialogOpen}
+              setShowAddDialog={setShowAddDialog}
+              handleClose={closeDialog}
+              handleSubmit={handleSubmit}
+              initialData={member}
+              fetchCustomers={fetchCustomers}
+              profession={profession}
+            />
           ): ""}
           <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'>