admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

bugfix: use row id instead of index to keep row selection after table… (#120)

Browse Source 
* bugfix: use row id instead of index to keep row selection after table update

* bugfix: await creation before displaying the row and refetching
This commit is contained in:
Sammy Teillet
2023-05-17 14:43:09 +02:00
committed by GitHub
parent 499752ed6b
commit 2facb383a2
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
front/src/components/table/Table.tsx
View File

@ -124,6 +124,7 @@ const Table = <TData extends { id: string }, SortField>(
getCoreRowModel: getCoreRowModel(), getCoreRowModel: getCoreRowModel(),
enableRowSelection: true, enableRowSelection: true,
onRowSelectionChange: setInternalRowSelection, onRowSelectionChange: setInternalRowSelection,
getRowId: (row) => row.id,
}); });
const selectedRows = table.getSelectedRowModel().rows; const selectedRows = table.getSelectedRowModel().rows;

4
front/src/pages/people/People.tsx
View File

@ -63,7 +63,7 @@ function People() {
} }
}, [loading, setInternalData, data]); }, [loading, setInternalData, data]);
const addEmptyRow = useCallback(() => { const addEmptyRow = useCallback(async () => {
const newCompany: Person = { const newCompany: Person = {
id: uuidv4(), id: uuidv4(),
firstname: '', firstname: '',
@ -75,7 +75,7 @@ function People() {
creationDate: new Date(), creationDate: new Date(),
city: '', city: '',
}; };
insertPerson(newCompany); await insertPerson(newCompany);
setInternalData([newCompany, ...internalData]); setInternalData([newCompany, ...internalData]);
refetch(); refetch();
}, [internalData, setInternalData, refetch]); }, [internalData, setInternalData, refetch]);