add filtering on dates to all widgets, defualt is past 7 days

2026-08-10 16:22:34 -07:00
parent 520731aa47
commit d9bdb17217
10 changed files with 495 additions and 189 deletions
@@ -12,8 +12,25 @@ export default function ExplosionEvents({ settings, widgetID }) {
    const { colorMode } = useColorMode();
    const isDark = colorMode === 'dark';

+    // Generate url with input dates are default to 7 day range
+    const url = useMemo(() =>{
+        if (settings?.startDate && settings?.endDate)
+            return '/api/v2/explosion_events?start_date=' + settings?.startDate + '&end_date=' + settings?.endDate;
+        else {
+            const base_url = '/api/v2/explosion_events';
+            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]);
+
    // Clean, single-line data fetching
-    const { data: apiData, isLoading, error } = VdapApi('/api/v2/explosion_events?start_date=2025-05-01&end_date=2025-05-30');
+    const { data: apiData, isLoading, error } = VdapApi(url);

    // 1. Build the Traces (Data parsing)
    const plotTraces = useMemo(() => {