fix: handle temporal coverage undefined properties

NIAID-Data-Ecosystem · Jan 24, 2024 · 86e08d6 · 86e08d6
1 parent 9fa4d9e
commit 86e08d6
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/resource-sections/components/overview/index.tsx b/src/components/resource-sections/components/overview/index.tsx
@@ -213,7 +213,8 @@ const SpatiotemporalCoverage: React.FC<SpatiotemporalCoverageProps> = ({
                 Temporal Coverage
               </Text>
               {/* Start */}
-              {temporalCoverage.temporalInterval.startDate && (
+              {temporalCoverage?.name && <Text>{temporalCoverage.name}</Text>}
+              {temporalCoverage?.temporalInterval?.startDate && (
                 <Text>
                   <Text as='span' fontWeight='medium'>
                     Start Date:
@@ -222,7 +223,7 @@ const SpatiotemporalCoverage: React.FC<SpatiotemporalCoverageProps> = ({
                 </Text>
               )}
               {/* End */}
-              {temporalCoverage.temporalInterval.endDate && (
+              {temporalCoverage?.temporalInterval?.endDate && (
                 <Text>
                   <Text as='span' fontWeight='medium'>
                     End Date:
@@ -231,7 +232,7 @@ const SpatiotemporalCoverage: React.FC<SpatiotemporalCoverageProps> = ({
                 </Text>
               )}
               {/* Duration */}
-              {temporalCoverage.temporalInterval.duration && (
+              {temporalCoverage?.temporalInterval?.duration && (
                 <Text>
                   <Text as='span' fontWeight='medium'>
                     Duration: