tbfajri/aso
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

[Client Portal] Cleanup Corporate

Browse Source
This commit is contained in:
Muhammad Fajar
2024-01-12 02:39:03 +07:00
parent e58290dbb7
commit 627b038e23
4 changed files with 94 additions and 421 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
frontend/client-portal/src/components/Table.tsx
View File

@@ -50,11 +50,11 @@ export default function Table<T>({
orders?.setOrder(isAsc ? 'desc' : 'asc');
orders?.setOrderBy(property);
const parameters = Object.fromEntries([
...params.searchParams.entries(),
...(params?.searchParams.entries() as IterableIterator<[string, string]>),
['order', isAsc ? 'desc' : 'asc'],
['orderBy', property],
]);
params.setAppliedParams(parameters);
params?.setAppliedParams(parameters);
};
/* -------------------------------------------------------------------------- */
@@ -107,28 +107,28 @@ export default function Table<T>({
newPage: number
) => {
const parameters = Object.fromEntries([
...params.searchParams.entries(),
...(params?.searchParams.entries() as IterableIterator<[string, string]>),
['page', newPage + 1],
['per_page', paginations.rowsPerPage],
['per_page', paginations?.rowsPerPage],
]);
paginations.setPage(newPage);
paginations?.setPage(newPage);
await new Promise((resolve) => setTimeout(resolve, 500));
params.setAppliedParams(parameters);
params?.setAppliedParams(parameters);
};
/* -------------------------------------------------------------------------- */
/* --------------------------- row page per limit --------------------------- */
const onRowsPerPageChangeHandle = async (event: React.ChangeEvent<HTMLInputElement>) => {
params.searchParams.delete('page');
params?.searchParams.delete('page');
const parameters = Object.fromEntries([
...params.searchParams.entries(),
...(params?.searchParams.entries() as IterableIterator<[string, string]>),
['per_page', parseInt(event.target.value, 10)],
]);
paginations.setPage(0);
paginations.setRowsPerPage(parseInt(event.target.value, 10));
paginations?.setPage(0);
paginations?.setRowsPerPage(parseInt(event.target.value, 10));
await new Promise((resolve) => setTimeout(resolve, 500));
params.setAppliedParams(parameters);
params?.setAppliedParams(parameters);
};
/* -------------------------------------------------------------------------- */
@@ -353,13 +353,15 @@ export default function Table<T>({
{/* End Table */}
{/* Pagination */}
<BaseTablePagination
count={paginations.paginationTable.total}
onPageChange={onPageChangeHandle}
page={paginations.page}
rowsPerPage={paginations.rowsPerPage}
onRowsPerPageChange={onRowsPerPageChangeHandle}
/>
{paginations && (
<BaseTablePagination
count={paginations.paginationTable.total}
onPageChange={onPageChangeHandle}
page={paginations.page}
rowsPerPage={paginations.rowsPerPage}
onRowsPerPageChange={onRowsPerPageChangeHandle}
/>
)}
{/* End Pagination */}
</Grid>
{/* End Field 2 */}