add alert-level-changes widget with working time range selector

client/src/components/Widgets/RemoteSensing.jsx

@@ -2,6 +2,7 @@ import {Button, Flex, Spinner, Text, Box, Collapsible} from "@chakra-ui/react";
 import {useEffect, useMemo } from 'react';
 import {useDashboardStore} from "@/store/useDashboardStore.jsx";
 import VdapApi from '../../hooks/useVdapApi.js';
+import useBuildUrl from "@/hooks/useBuildUrl.js";
 
 export default function RemoteSensing({ settings, widgetID }) {
   console.log("RS widget ID: ", widgetID);
@@ -9,22 +10,8 @@ export default function RemoteSensing({ settings, widgetID }) {
   const isCopy = settings?.copyToClipboard === true; // acts as a fail-safe if no default setting is set
   const sorts = settings?.activeSorts;
 
-  // build url
-  const url = useMemo(() =>{
-    if (settings?.startDate && settings?.endDate)
-      return '/api/v2/remote_sensing?start_date=' + settings?.startDate + '&end_date=' + settings?.endDate;
-    else {
-      const base_url = '/api/v2/remote_sensing';
-      let today = new Date();
-      let sevenDaysAgo = new Date(today);
-      sevenDaysAgo.setDate(sevenDaysAgo.getDate() - 7);
-
-      sevenDaysAgo = sevenDaysAgo.toLocaleDateString('en-CA');
-      today = today.toLocaleDateString('en-CA');
-
-      return base_url + '?start_date=' + sevenDaysAgo + '&end_date=' + today;
-    }
-  }, [settings?.startDate, settings?.endDate]);
+  // build url, defaults to 7 days past
+  const url = useBuildUrl('/api/v2/remote_sensing', settings?.startDate, settings?.endDate);
 
   // VdapApi hook only calls api if the url changes and apiData remains stable since vdapApi uses state to track the data
   const {data: apiData, isLoading, error} = VdapApi(url);