From 08d3be079d00845d339ea9f95de19399fa917690 Mon Sep 17 00:00:00 2001 From: Nick A Date: Tue, 29 Oct 2024 12:52:30 -0400 Subject: [PATCH] alterned handleRowUpdate to only use setData --- compass/components/Table/ResourceTable.tsx | 13 +++++++------ compass/components/Table/ServiceTable.tsx | 13 +++++++------ compass/components/Table/UserTable.tsx | 13 +++++++------ 3 files changed, 21 insertions(+), 18 deletions(-) diff --git a/compass/components/Table/ResourceTable.tsx b/compass/components/Table/ResourceTable.tsx index b9b175f..5a9f93b 100644 --- a/compass/components/Table/ResourceTable.tsx +++ b/compass/components/Table/ResourceTable.tsx @@ -27,12 +27,13 @@ export default function ResourceTable({ data, setData }: ResourceTableProps ) { ]) const handleRowUpdate = (updatedRow: Resource) => { - const dataIndex = data.findIndex((row) => row.id === updatedRow.id); - if (dataIndex !== -1) { - const updatedData = [...data]; - updatedData[dataIndex] = updatedRow; - setData(updatedData); - } + setData(prevData => ( + prevData.map(row => ( + row.id === updatedRow.id + ? updatedRow + : row + )) + )) }; const columns: ColumnDef[] = [ diff --git a/compass/components/Table/ServiceTable.tsx b/compass/components/Table/ServiceTable.tsx index 27fddb9..bb91007 100644 --- a/compass/components/Table/ServiceTable.tsx +++ b/compass/components/Table/ServiceTable.tsx @@ -28,12 +28,13 @@ export default function ServiceTable({ data, setData }: ServiceTableProps ) { ]) const handleRowUpdate = (updatedRow: Service) => { - const dataIndex = data.findIndex((row) => row.id === updatedRow.id); - if (dataIndex !== -1) { - const updatedData = [...data]; - updatedData[dataIndex] = updatedRow; - setData(updatedData); - } + setData(prevData => ( + prevData.map(row => ( + row.id === updatedRow.id + ? updatedRow + : row + )) + )) }; const columns: ColumnDef[] = [ diff --git a/compass/components/Table/UserTable.tsx b/compass/components/Table/UserTable.tsx index 9ebee8c..4cba982 100644 --- a/compass/components/Table/UserTable.tsx +++ b/compass/components/Table/UserTable.tsx @@ -28,12 +28,13 @@ export default function UserTable({ data, setData }: UserTableProps ) { ]) const handleRowUpdate = (updatedRow: User) => { - const dataIndex = data.findIndex((row) => row.id === updatedRow.id); - if (dataIndex !== -1) { - const updatedData = [...data]; - updatedData[dataIndex] = updatedRow; - setData(updatedData); - } + setData(prevData => ( + prevData.map(row => ( + row.id === updatedRow.id + ? updatedRow + : row + )) + )) }; const columns: ColumnDef[] = [