Handle analysis/define datasets w/o collection summaries

app/scripts/components/analysis/define/index.tsx

@@ -292,7 +292,7 @@
   const onDatasetLayerChange = useCallback(
     (e) => {
       const id = e.target.id;
       let newDatasetsLayers = [...(datasetsLayers || [])];
       if (e.target.checked) {
         const newDatasetLayer = allAvailableDatasetsLayers.find(
           (l) => l.id === id
@@ -333,7 +333,7 @@
     setAnalysisParam('datasetsLayers', cleanedDatasetsLayers);
     // Only update when stac search gets updated to avoid triggering an infinite
     // read/set state loop
   }, [selectableDatasetLayers, setAnalysisParam]);
 
   const notReady = !readyToLoadDatasets || !datasetsLayers?.length;
 
@@ -517,7 +517,7 @@
                             {datasetLayer.name}
                             <DataPointsWarning>
                               <CollecticonSignDanger />~
-                              {datasetLayer.numberOfItems} data points
+                              {datasetLayer.numberOfItems ? `${datasetLayer.numberOfItems} data points`: "Data temporarily unavailable"}
                             </DataPointsWarning>
                           </FormCheckableUnselectable>
                         ))}

app/scripts/components/analysis/define/use-stac-collection-search.ts

@@ -20,8 +20,9 @@ interface UseStacSearchProps {
   aoi?: FeatureCollection<Polygon> | null;
 }
 
-export type DatasetWithTimeseriesData = TimeseriesDataResult &
-  DatasetLayer & { numberOfItems: number };
+export type DatasetWithCollections = TimeseriesDataResult & DatasetLayer;
+
+export type DatasetWithTimeseriesData = DatasetWithCollections & { numberOfItems: number };
 
 const collectionEndpointSuffix = '/collections';
 
@@ -64,14 +65,15 @@ export function useStacCollectionSearch({
     enabled: readyToLoadDatasets
   });
 
-  const datasetLayersInRange = useMemo(() => {
+  const [datasetLayersInRange, invalidDatasets] = useMemo(() => {
     try {
-      return getInTemporalAndSpatialExtent(result.data, aoi, {
+      const [datasetWithSummaries, datasetWithoutSummaries] = getInTemporalAndSpatialExtent(result.data, aoi, {
         start,
         end
       });
+      return [datasetWithSummaries, datasetWithoutSummaries];
     } catch (e) {
-      return [];
+      return [[], []];
     }
   }, [result.data, aoi, start, end]);
 
@@ -89,11 +91,13 @@ export function useStacCollectionSearch({
     );
   }, [datasetLayersInRangeWithNumberOfItems]);
 
-  const unselectableDatasetLayers = useMemo(() => {
+  let unselectableDatasetLayers: DatasetWithTimeseriesData[] = useMemo(() => {
     return datasetLayersInRangeWithNumberOfItems.filter(
       (l) => l.numberOfItems > MAX_QUERY_NUM
     );
   }, [datasetLayersInRangeWithNumberOfItems]);
+
+  if (invalidDatasets.length) unselectableDatasetLayers = unselectableDatasetLayers.concat((invalidDatasets as unknown) as DatasetWithTimeseriesData[]);
 
   return {
     selectableDatasetLayers,
@@ -156,14 +160,29 @@ function getInTemporalAndSpatialExtent(collectionData, aoi, timeRange) {
     const collection = collectionData.find(
       (c) => c.id === l.stacCol && stacApiEndpointUsed === c.stacApiEndpoint
     );
-    return {
+
+    const datapoint: DatasetWithCollections = {
       ...l,
       isPeriodic: collection['dashboard:is_periodic'],
       timeDensity: collection['dashboard:time_density'],
       domain: collection.extent.temporal.interval[0],
+    };
+
+    if(!collection.summaries || !!collection.summaries.length) {
+      // NOTE: Invalid data because collection does not include summaries
+      return datapoint;
+    }
+
+    return {
+      ...datapoint,
       timeseries: collection.summaries.datetime
     };
   });
-
-  return filteredDatasetsWithCollections;
+
+  const [collectionsWithSummaries, collectionsWithoutSummaries]: [DatasetWithCollections[], DatasetWithCollections[]] = filteredDatasetsWithCollections.reduce((result: [DatasetWithCollections[], DatasetWithCollections[]], d) => {
+    /* eslint-disable-next-line fp/no-mutating-methods */
+    d.timeseries ? result[0].push(d) : result[1].push(d);
+    return result;
+  },[[], []]);
+  return [collectionsWithSummaries, collectionsWithoutSummaries];
 }

app/scripts/components/analysis/results/chart-card.tsx

@@ -101,7 +101,7 @@
   if (status === 'loading') {
     return 'Download will be available once the data finishes loading.';
   }
-  if (!data.timeseries.length) {
+  if (!data.timeseries?.length) {
     return 'There is no data to download.';
   }
   return '';
@@ -145,7 +145,7 @@
   const onExportClick = useCallback(
     (e: MouseEvent, type: 'image' | 'text') => {
       e.preventDefault();
-      if (!chartData.data?.timeseries.length) {
+      if (!chartData.data?.timeseries?.length) {
         return;
       }
 
@@ -182,7 +182,7 @@
 
   const chartDates = useMemo(
     () =>
-      data?.timeseries.map((e) =>
+      data?.timeseries?.map((e) =>
         dateFormatter(new Date(e.date), timeDensityFormat)
       ) ?? [],
     [data?.timeseries, timeDensityFormat]
@@ -273,13 +273,13 @@
         ) : null}
 
         {status === 'succeeded' ? (
-          data.timeseries.length ? (
+          data.timeseries?.length ? (
             !activeMetrics.length ? (
               <ChartCardNoMetric />
             ) : (
               <Chart
                 ref={chartRef}
-                timeSeriesData={data.timeseries}
+                timeSeriesData={data.timeseries ||[]}
                 uniqueKeys={uniqueKeys}
                 colors={colors}
                 dates={chartDates}

app/scripts/components/analysis/results/timeseries-data.ts

@@ -35,7 +35,7 @@ export interface TimeseriesDataResult {
   isPeriodic: boolean;
   timeDensity: TimeDensity;
   domain: string[];
-  timeseries: TimeseriesDataUnit[];
+  timeseries?: TimeseriesDataUnit[]; // NOTE: Summaries on collections will not always be available
 }
 
 // Different options based on status.