chight/Web-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
vkuchenik
2026-08-10 16:22:34 -07:00
parent 520731aa47
commit d9bdb17217
10 changed files with 495 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/Widgets/PlumeEvents.jsx
+17 -1
View File
@@ -4,7 +4,23 @@ import Plot from 'react-plotly.js';
import {Box, Flex, Spinner, Text} from "@chakra-ui/react";
export default function PlumeEvents({ settings, widgetID}) {
const { data: apiData, isLoading, error } = VdapApi('/api/v2/plume_events?start_date=2026-01-01&end_date=2026-03-01');
const url = useMemo(() =>{
if (settings?.startDate && settings?.endDate)
return '/api/v2/plume_events?start_date=' + settings?.startDate + '&end_date=' + settings?.endDate;
else {
const base_url = '/api/v2/plume_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]);
const { data: apiData, isLoading, error } = VdapApi(url);
const plotTraces = useMemo(() => {
if (!apiData || apiData.length === 0) return [];