Improve useLiveify a bit

This commit is contained in:
Donkie
2024-08-07 12:19:25 +02:00
parent 3bd93cb0af
commit 736e59d1eb
2 changed files with 13 additions and 16 deletions

View File

@@ -18,7 +18,7 @@ import { useLiveify } from "../../components/liveify";
import { removeUndefined } from "../../utils/filtering";
import { EntityType, useGetFields } from "../../utils/queryFields";
import { useNavigate } from "react-router-dom";
import { useMemo, useState } from "react";
import { useCallback, useMemo, useState } from "react";
dayjs.extend(utc);
@@ -78,11 +78,14 @@ export const VendorList: React.FC<IResourceComponentsProps> = () => {
useStoreInitialState(namespace, tableState);
// Collapse the dataSource to a mutable list
() => (tableProps.dataSource || []).map((record) => ({ ...record })),
[tableProps.dataSource]
const queryDataSource: IVendor[] = useMemo(
const queryDataSource: IVendor[] = useMemo(() => {
return (tableProps.dataSource || []).map((record) => ({ ...record }));
}, [tableProps.dataSource]);
const dataSource = useLiveify(
"vendor",
queryDataSource,
useCallback((record: IVendor) => record, [])
);
const dataSource = useLiveify("vendor", queryDataSource, (record: IVendor) => record);
if (tableProps.pagination) {
tableProps.pagination.showSizeChanger = true;