fix app error flash (#230)

#215 Makes the code more null safe when calling functions / accessing array elements while in the loading state.
chanzuckerberg · Dec 8, 2023 · 918fc1c · 918fc1c
1 parent 8b21d8a
commit 918fc1c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/frontend/packages/data-portal/app/components/Dataset/RunsTable.tsx b/frontend/packages/data-portal/app/components/Dataset/RunsTable.tsx
@@ -61,7 +61,7 @@ export function RunsTable() {
               <KeyPhoto
                 title={run.name}
                 src={
-                  run.tomogram_voxel_spacings[0]?.tomograms[0]
+                  run.tomogram_voxel_spacings?.[0]?.tomograms?.[0]
                     ?.key_photo_thumbnail_url ?? undefined
                 }
                 loading={isLoadingDebounced}
@@ -113,7 +113,7 @@ export function RunsTable() {
           const voxelSpacings = getValue()
           const annotatedObjects = Array.from(
             new Set(
-              voxelSpacings.flatMap((voxelSpacing) =>
+              voxelSpacings?.flatMap?.((voxelSpacing) =>
                 voxelSpacing.annotations.flatMap(
                   (annotation) => annotation.object_name,
                 ),
@@ -143,7 +143,7 @@ export function RunsTable() {
 
       columnHelper.accessor(
         (run) =>
-          run.tomogram_voxel_spacings[0]?.tomograms[0]?.neuroglancer_config,
+          run.tomogram_voxel_spacings?.[0]?.tomograms?.[0]?.neuroglancer_config,
         {
           id: 'viewTomogram',
           header: '',