TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix refresh on kyc

Browse Source
This commit is contained in:
Wikzyy
2025-04-17 16:54:03 +07:00
parent 45b2bccbde
commit d4239820f4
3 changed files with 88 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/pages/members/manage-members/ManageMembers.tsx
View File

@ -47,7 +47,7 @@ const ManageMembers = () => {
order_field: 'created_at',
order_direction: 'DESC'
}
});
});
let temp = 1;
let resMembers = customers.data.data.list.map((el: any) => {
el.no = temp++;
@ -73,11 +73,10 @@ const ManageMembers = () => {
toast.error(error.message);
console.log(error);
} finally {
setLoading(false)
setLoading(false);
setIsReloading(false);
}
}
const handleUpdate = (data: any) => {
setDialogType('update');
@ -233,29 +232,35 @@ const ManageMembers = () => {
</Link>
</Breadcrumbs>
{/* <div className="w-full overflow-x-auto px-4"> */}
<div className="grid gap-5 lg:gap-7.5 mt-5 relative">
{isReloading && (
<div className="absolute inset-0 bg-white/70 z-10 flex items-center justify-center">
<div className="flex flex-col items-center">
<RefreshCw className="animate-spin h-8 w-8 text-slate-500 mb-2" />
<span className="text-slate-500 font-medium">Refreshing data...</span>
</div>
</div>
)}
<DataGridProvider
data={members}
pagination={{ size: 20 }}
columns={getColumns(handleUpdate)}
layout={{ card: true }}
serverSide={false}
toolbar={<ListToolbar createMember={createMember} onReload={handleReload} isReloading={isReloading} />}
onRowSelectionChange={(selected, table: any) => {
const selectedRow = table.getSelectedRowModel().rows[0];
if (selectedRow) handleUpdate(selectedRow.original);
}}
></DataGridProvider>
</div>
{isReloading && (
<div className="absolute inset-0 bg-white/70 z-10 flex items-center justify-center">
<div className="flex flex-col items-center">
<RefreshCw className="animate-spin h-8 w-8 text-slate-500 mb-2" />
<span className="text-slate-500 font-medium">Refreshing data...</span>
</div>
</div>
)}
<DataGridProvider
data={members}
pagination={{ size: 25 }}
columns={getColumns(handleUpdate)}
layout={{ card: true }}
serverSide={false}
toolbar={
<ListToolbar
createMember={createMember}
onReload={handleReload}
isReloading={isReloading}
/>
}
onRowSelectionChange={(selected, table: any) => {
const selectedRow = table.getSelectedRowModel().rows[0];
if (selectedRow) handleUpdate(selectedRow.original);
}}
></DataGridProvider>
</div>
{/* </div> */}
</Container>
</>