Return the guessed number of items based on collection metadata

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

@@ -4,19 +4,25 @@ import axios from 'axios';
 import { useQuery } from '@tanstack/react-query';
 import booleanIntersects from '@turf/boolean-intersects';
 import bboxPolygon from '@turf/bbox-polygon';
-import { areIntervalsOverlapping } from 'date-fns';
+import { areIntervalsOverlapping, eachDayOfInterval, eachMonthOfInterval, eachYearOfInterval } from 'date-fns';
 
+import { TimeseriesDataResult } from '../results/timeseries-data';
 import { allAvailableDatasetsLayers } from '.';
 
 import { utcString2userTzDate } from '$utils/date';
-import { TimeseriesDataResult } from '../results/timeseries-data';
 
 interface UseStacSearchProps {
   start?: Date;
   end?: Date;
   aoi?: FeatureCollection<Polygon> | null;
 }
 
+const DATE_INTERVAL_FN = {
+  day: eachDayOfInterval,
+  month: eachMonthOfInterval,
+  year: eachYearOfInterval
+};
+
 const collectionUrl = `${process.env.API_STAC_ENDPOINT}/collections`;
 
 export function useStacCollectionSearch({
@@ -53,23 +59,29 @@ export function useStacCollectionSearch({
       const numberOfItems = getNumberOfItemsWithinTimeRange(
         start,
         end,
-        l.collection
+        l
       );
       return { ...l, numberOfItems };
     }
   );
 
-  console.log(selectableDatasetLayersWithNumberOfItems);
-
   return {
-    selectableDatasetLayers: selectableDatasetLayers,
+    selectableDatasetLayers: selectableDatasetLayersWithNumberOfItems,
     stacSearchStatus: result.status,
     readyToLoadDatasets
   };
 }
 
 function getNumberOfItemsWithinTimeRange(start, end, collection) {
-  const isPeriodic = collection;
+  const {isPeriodic, timeDensity, domain, timeseries} = collection;
+  if (!isPeriodic) {
+    return timeseries.length; // Check in with back-end team
+  }
+  const eachOf = DATE_INTERVAL_FN[timeDensity];
+  const statStart = +(new Date(domain[0])) > +(new Date(start))? new Date(domain[0]): new Date(start);
+  const statEnd = +(new Date(domain[1])) < +(new Date(end))? new Date(domain[1]): new Date(end);
+
+  return eachOf({start: statStart, end: statEnd}).length;
 }
 
 function getInTemporalAndSpatialExtent(collectionData, aoi, timeRange) {
@@ -117,7 +129,7 @@ function getInTemporalAndSpatialExtent(collectionData, aoi, timeRange) {
     matchingCollectionIds.includes(l.stacCol)
   );
 
-  const filteredDataetsWithCollections: TimeseriesDataResult[] =
+  const filteredDatasetsWithCollections: TimeseriesDataResult[] =
     filteredDatasets.map((l) => {
       const collection = collectionData.find((c) => c.id === l.stacCol);
       return {
@@ -129,5 +141,5 @@ function getInTemporalAndSpatialExtent(collectionData, aoi, timeRange) {
       };
     });
 
-  return filteredDataetsWithCollections;
+  return filteredDatasetsWithCollections;
 }