fix member n kyc

src/pages/members/kyc/Kyc.tsx

@@ -5,8 +5,6 @@ import {
   TDataGridProps,
   useDataGrid
 } from '@/components';
-import { DataTable } from '@/components/ui/DataTable';
-import { Table } from '@tanstack/react-table';
 import React, { createContext, useContext, useState, useEffect } from 'react';
 import { getColumns, initialMember } from './Columns';
 import { useAuthContext } from '@/auth';
@@ -15,14 +13,13 @@ 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;
-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';
 import { ListToolBar } from './blocks/ListToolBar';
 import { RefreshCw } from 'lucide-react';
+const BASE_URL = apiConfig.service_customer;
+const BASE_URL_MASTER_DATA = apiConfig.service_master_data;
 
 const Kyc = () => {
   const [loading, setLoading] = useState(false);
@@ -33,12 +30,15 @@ const Kyc = () => {
   const [dialogOpen, setDialogOpen] = useState(false);
   const [dialogType, setDialogType] = useState('');
   const [isReloading, setIsReloading] = useState(false);
-  const closeDialog = () => setIsDialogOpen(false);
+  const closeDialog = () => {
+    setIsDialogOpen(false);
+    setMember(initialMember);
+  };
   const { getUser } = useAuthContext();
 
   useEffect(() => {
     fetchCustomers();
-  }, []);
+  }, [member]);
 
   async function fetchCustomers() {
     try {
@@ -95,10 +95,6 @@ const Kyc = () => {
     setDialogOpen(true);
   }
 
-  const resetForm = () => {
-    setMember(initialMember);
-  };
-
   const handleReload = () => {
     setIsReloading(true);
     fetchCustomers();
@@ -192,14 +188,6 @@ const Kyc = () => {
     setIsDialogOpen(el);
   }
 
-  // const resetForm = () => {
-  //   setMember(initialMember);
-  // };
-
-  // useEffect(() => {
-  //   if (!isDialogOpen) resetForm();
-  // }, [isDialogOpen]);
-
   if (loading) return <LoaderTransparant />;
 
   return (
@@ -258,11 +246,11 @@ const Kyc = () => {
           )}
           <DataGridProvider
             data={members}
-            columns={getColumns(handleUpdate)}
             pagination={{ size: 25 }}
-            toolbar={<ListToolBar onReload={handleReload} isReloading={isReloading} />}
+            columns={getColumns(handleUpdate)}
             layout={{ card: true }}
             sorting={[{ id: 'created_at', desc: true }]}
+            toolbar={<ListToolBar onReload={handleReload} isReloading={isReloading} />}
             serverSide={false}
             onRowSelectionChange={(selected, table: any) => {
               const selectedRow = table.getSelectedRowModel().rows[0];