tonym/spoolman2
1
0
Fork 0
Code Issues 19 Pull Requests Actions Packages Projects Releases Wiki Activity

Client: Apply some memoization

Browse Source
This commit is contained in:
Donkie
2023-07-06 23:00:08 +02:00
parent b1af320a54
commit 58833f2203
4 changed files with 77 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/pages/vendors/list.tsx vendored
View File

@@ -54,14 +54,18 @@ export const VendorList: React.FC<IResourceComponentsProps> = () => {
// Store state in local storage
useStoreInitialState("vendorList", { sorters, filters });
// Copy dataSource to avoid mutating the original
const dataSource = [...(tableProps.dataSource || [])];
// Collapse the dataSource to a mutable list
const dataSource: IVendor[] = React.useMemo(
() => (tableProps.dataSource || []).map((record) => ({ ...record })),
[tableProps.dataSource]
);
// Filter dataSource by the filters
const filteredDataSource = dataSource.filter(genericFilterer(typedFilters));
// Sort dataSource by the sorters
filteredDataSource.sort(genericSorter(typedSorters));
// Filter and sort the dataSource
const filteredDataSource = React.useMemo(() => {
const filtered = dataSource.filter(genericFilterer(typedFilters));
filtered.sort(genericSorter(typedSorters));
return filtered;
}, [dataSource, typedFilters, typedSorters]);
return (
<List