fix detail member

src/pages/members/kyc/Kyc.tsx

@@ -5,12 +5,15 @@ import React, { createContext, useContext, useState, useEffect } from 'react';
 import { ManageKycContextProvider } from './hooks';
 import { columns, initialMember } from './Columns';
 import { useAuthContext } from '@/auth';
+import { LoaderTransparant } from '@/components';
 import { apiConfig } from '@/config/api.config';
 import ConfirmDialog from '@/components/confirm';
 import axios from 'axios';
 import { toast } from 'sonner';
 const BASE_URL = apiConfig.service_customer;
-import CustomerDialog from '../manage-members/CustomerDetailModal';
+const BASE_URL_MASTER_DATA = apiConfig.service_master_data;
+// import CustomerDialog from '../manage-members/CustomerDetailModal';
+import DetailMember from '../manage-members/blocks/DetailMember';
 import { Breadcrumbs, Link } from '@mui/material';
 import { Helmet } from 'react-helmet';
 
@@ -37,6 +40,7 @@ const Kyc = () => {
   const [loading, setLoading] = useState(false);
   const [members, setMembers] = useState([]);
   const [member, setMember] = useState(initialMember);
+  const [profession, setProfession] = useState([]);
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const [dialogOpen, setDialogOpen] = useState(false);
   const [dialogType, setDialogType] = useState('');
@@ -44,12 +48,12 @@ const Kyc = () => {
   const { getUser } = useAuthContext();
 
   useEffect(() => {
-    fetchGroups();
+    fetchCustomers();
   }, []);
 
-  async function fetchGroups() {
+  async function fetchCustomers() {
     try {
-      let groups = await axios.get(`${BASE_URL}/customer/list`, {
+      let customers = await axios.get(`${BASE_URL}/customer/list`, {
         params: {
           limit: 10,
           page: 1,
@@ -60,12 +64,22 @@ const Kyc = () => {
         }
       });
       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);
@@ -90,6 +104,7 @@ const Kyc = () => {
   }
 
   const handleYes = async () => {
+    setLoading(true)
     const userLogin: any = await getUser();
     const updateData: any = member;
     const customerId = member.id;
@@ -134,17 +149,24 @@ const Kyc = () => {
             description: description
           });
       }
-      await fetchGroups();
+      await fetchCustomers();
       setDialogOpen(false);
       setIsDialogOpen(false);
-      toast.success('Success Update Kyc Member');
+      toast.success(`Success Update & ${dialogType} Kyc Member`);
     } catch (error: any) {
       setDialogOpen(false);
       setIsDialogOpen(false);
       toast.error(error.message);
+      setLoading(false)
     }
   };
 
+  function setShowAddDialog(el: any) {
+    setIsDialogOpen(el)
+  }
+
+  if (loading) return <LoaderTransparant />;
+
   return (
     <>
       <Helmet>
@@ -161,12 +183,23 @@ const Kyc = () => {
             onNo={() => setDialogOpen(false)}
           />
           { member.id ? (
-            <CustomerDialog
-              open={isDialogOpen}
+            // <CustomerDialog
+            //   open={isDialogOpen}
+            //   handleClose={closeDialog}
+            //   handleSubmit={handleSubmit}
+            //   initialData={member}
+            //   viewStats={true}
+            //   page={'kyc'}
+            // />
+            <DetailMember
+              showAddDialog={isDialogOpen}
+              setShowAddDialog={setShowAddDialog}
               handleClose={closeDialog}
+              handleReject={handleReject}
               handleSubmit={handleSubmit}
               initialData={member}
-              viewStats={true}
+              fetchCustomers={fetchCustomers}
+              profession={profession}
               page={'kyc'}
             />
           ): ""}