feat: Update entries on update

packages/client/src/components/DatasetTable.component.tsx

@@ -1,7 +1,7 @@
 import { DataGrid, GridColDef } from '@mui/x-data-grid';
 import { useState, useEffect } from 'react';
 import { Dataset, Entry } from '../graphql/graphql';
-import { useEntryForDatasetQuery } from '../graphql/entry/entry';
+import { useEntryForDatasetLazyQuery } from '../graphql/entry/entry';
 import { EntryView } from './EntryView.component';
 
 export interface DatasetTableProps {
@@ -28,14 +28,18 @@ export const DatasetTable: React.FC<DatasetTableProps> = (props) => {
   const [entries, setEntries] = useState<Entry[]>([]);
   const columns = [...defaultColumns, ...(props.additionalColumns ?? [])];
 
-  const entryForDatasetResult = useEntryForDatasetQuery({ variables: { dataset: props.dataset._id } });
+  const [entryForDataset, entryForDatasetResult] = useEntryForDatasetLazyQuery();
+
+  useEffect(() => {
+    entryForDataset({ variables: { dataset: props.dataset._id }, fetchPolicy: 'network-only' });
+  }, [props.dataset]);
 
   // TODO: Add in logic to re-fetch data when the presigned URL expires
   useEffect(() => {
     if (entryForDatasetResult.data) {
       setEntries(entryForDatasetResult.data.entryForDataset);
     }
-  }, [entryForDatasetResult.data]);
+  }, [entryForDatasetResult]);
 
   return (
     <DataGrid

packages/client/src/components/DatasetsView.component.tsx

@@ -22,7 +22,8 @@ export const DatasetsView: React.FC<DatasetsViewProps> = ({ datasets, additional
             </Stack>
           </AccordionSummary>
           <AccordionDetails>
-            <DatasetTable dataset={dataset} additionalColumns={additionalColumns} />
+            {/* provide new dataset object to allow DatasetTable to refetch entries after entries are updated */}
+            <DatasetTable dataset={{ ...dataset }} additionalColumns={additionalColumns} />
           </AccordionDetails>
         </Accordion>
       ))}