enter login & navigate all menu

This commit is contained in:
Raja Oktafrianto
2025-03-19 13:04:16 +07:00
parent 621cae6694
commit 16029e10cd
19 changed files with 348 additions and 131 deletions

View File

@ -11,6 +11,7 @@ import axios from 'axios';
import { toast } from 'sonner';
const BASE_URL = apiConfig.service_customer;
import CustomerDialog from '../manage-members/CustomerDetailModal';
import { Breadcrumbs, Link } from '@mui/material';
export interface IDataGridContextProps<TData extends object> {
props: TDataGridProps<TData>;
@ -42,7 +43,7 @@ const Kyc = () => {
const { getUser } = useAuthContext();
useEffect(() => {
fetchGroups()
fetchGroups();
}, []);
async function fetchGroups() {
@ -54,37 +55,37 @@ const Kyc = () => {
with_deleted: false,
order_field: 'fullname',
order_direction: 'ASC',
type: "kyc"
type: 'kyc'
}
});
let temp = 1
let temp = 1;
let resMembers = groups.data.data.list.map((el: any) => {
el.no = temp++
el.name = el.fullname
return el
})
setMembers(resMembers)
el.no = temp++;
el.name = el.fullname;
return el;
});
setMembers(resMembers);
} catch (error: any) {
alert(error.message)
alert(error.message);
console.log(error);
}
}
const handleUpdate = (data: any) => {
setMember(data)
setIsDialogOpen(true)
}
setMember(data);
setIsDialogOpen(true);
};
async function handleSubmit(data: any) {
setDialogType('update')
setMember(data)
setDialogOpen(true)
setDialogType('update');
setMember(data);
setDialogOpen(true);
}
function handleReject(data: any) {
setDialogType('reject')
setMember(data)
setDialogOpen(true)
setDialogType('reject');
setMember(data);
setDialogOpen(true);
}
const handleYes = async () => {
@ -92,7 +93,7 @@ const Kyc = () => {
const updateData: any = member;
const customerId = member.id;
const description = member.description;
updateData.updated_by = userLogin.data ? userLogin.data.id : ''
updateData.updated_by = userLogin.data ? userLogin.data.id : '';
let today = new Date();
updateData.updated_at = today.toString();
delete updateData.id;
@ -117,26 +118,27 @@ const Kyc = () => {
delete updateData.group_deleted_at;
try {
if (dialogType === 'reject') {
await axios.post(`${BASE_URL}/customer/reject`, {customerid: customerId})
await axios.post(`${BASE_URL}/customer/reject`, { customerid: customerId });
}
if (dialogType === 'update') {
await axios.put(`${BASE_URL}/customer/update/${customerId}`, updateData)
if (updateData.isneedapproval == 1) await axios.post(`${BASE_URL}/customer/approve`, {
customerid: customerId,
description: description
})
await axios.put(`${BASE_URL}/customer/update/${customerId}`, updateData);
if (updateData.isneedapproval == 1)
await axios.post(`${BASE_URL}/customer/approve`, {
customerid: customerId,
description: description
});
}
await fetchGroups();
setDialogOpen(false)
setIsDialogOpen(false)
setDialogOpen(false);
setIsDialogOpen(false);
toast.success('Success Update Kyc Member');
} catch (error: any) {
alert(error.message)
setDialogOpen(false)
setIsDialogOpen(false)
toast.error(error.message)
alert(error.message);
setDialogOpen(false);
setIsDialogOpen(false);
toast.error(error.message);
}
}
};
return (
<div>
@ -149,10 +151,30 @@ const Kyc = () => {
onYes={handleYes}
onNo={() => setDialogOpen(false)}
/>
<CustomerDialog open={isDialogOpen} handleClose={closeDialog} handleReject={handleReject}
handleSubmit={handleSubmit} initialData={member} viewStats={true} page={"kyc"}/>
<h1 className="text-xl font-medium leading-none text-gray-900 mb-7">Manage Member KYC</h1>
<DataTable data={members} columns={columns} onUpdate={handleUpdate} onDelete={null}/>
<CustomerDialog
open={isDialogOpen}
handleClose={closeDialog}
handleReject={handleReject}
handleSubmit={handleSubmit}
initialData={member}
viewStats={true}
page={'kyc'}
/>
<h1 className="text-xl font-medium leading-none text-gray-900 mb-3">Manage Member KYC</h1>
<Breadcrumbs>
<Link underline="none" color="inherit" href="/">
<span className="text-sm hover:underline">Dashboard</span>
</Link>
<Link underline="none" color="inherit">
<span className="text-sm">Members</span>
</Link>
<Link underline="none" color="inherit">
<span className="text-sm">Manage Member KYC</span>
</Link>
</Breadcrumbs>
<DataTable data={members} columns={columns} onUpdate={handleUpdate} onDelete={null} />
</div>
</div>
);