area/ui: reset the selected_timeframe after a new series is clicked on

parca-dev · Feb 27, 2025 · dd1ebca · dd1ebca
1 parent 4345892
commit dd1ebca
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/ui/packages/shared/profile/src/MetricsGraph/UtilizationMetrics/index.tsx b/ui/packages/shared/profile/src/MetricsGraph/UtilizationMetrics/index.tsx
@@ -19,7 +19,13 @@ import {AnimatePresence, motion} from 'framer-motion';
 import throttle from 'lodash.throttle';
 import {useContextMenu} from 'react-contexify';
 
-import {DateTimeRange, MetricsGraphSkeleton, useParcaContext, useURLState} from '@parca/components';
+import {
+  DateTimeRange,
+  MetricsGraphSkeleton,
+  useParcaContext,
+  useURLState,
+  useURLStateCustom,
+} from '@parca/components';
 import {Matcher} from '@parca/parser';
 import {formatDate, formatForTimespan, getPrecision, valueFormatter} from '@parca/utilities';
 
@@ -100,6 +106,7 @@ const RawUtilizationMetrics = ({
   const [isContextMenuOpen, setIsContextMenuOpen] = useState<boolean>(false);
   const idForContextMenu = useId();
   const [selectedSeries, setSelectedSeries] = useURLState<string>('selectedSeries');
+  const [_, setSelectedTimeframe] = useURLState('gpu_selected_timeframe');
 
   const parsedSelectedSeries: Matcher[] = useMemo(() => {
     if (selectedSeries === undefined) {
@@ -489,6 +496,8 @@ const RawUtilizationMetrics = ({
                               }))
                             )
                           );
+                          // reset the selected_timeframe
+                          setSelectedTimeframe(undefined);
                         }
                       }}
                     />