fix(analysis): preserve tab panel state

src/components/olmap/BurstDetection/DetectionResults.tsx

@@ -24,8 +24,19 @@ import { Circle, Fill, Stroke, Style } from "ol/style";
 import { bbox, featureCollection } from "@turf/turf";
 import { BurstDetectionResult, BurstDetectionRow } from "./types";
 
+export interface BurstDetectionResultsState {
+  selectedDay: number | null;
+}
+
+export const createBurstDetectionResultsState =
+  (): BurstDetectionResultsState => ({
+    selectedDay: null,
+  });
+
 interface Props {
   result: BurstDetectionResult | null;
+  state?: BurstDetectionResultsState;
+  onStateChange?: (state: BurstDetectionResultsState) => void;
 }
 
 interface MetricCardProps {
@@ -106,11 +117,25 @@ const getScoreLevel = (score: number) => {
 
 const formatDateTime = (value?: string) => (value ? dayjs(value).format("YYYY-MM-DD HH:mm") : "-");
 
-const DetectionResults: React.FC<Props> = ({ result }) => {
+const DetectionResults: React.FC<Props> = ({
+  result,
+  state,
+  onStateChange,
+}) => {
   const map = useMap();
   const highlightLayerRef = useRef<VectorLayer<VectorSource> | null>(null);
   const [highlightFeatures, setHighlightFeatures] = useState<Feature[]>([]);
-  const [selectedDay, setSelectedDay] = useState<number | null>(null);
+  const [internalResultsState, setInternalResultsState] =
+    useState<BurstDetectionResultsState>(createBurstDetectionResultsState);
+  const resultsState = state ?? internalResultsState;
+  const selectedDay = resultsState.selectedDay;
+  const setSelectedDay = (value: number | null) => {
+    const nextState = { ...resultsState, selectedDay: value };
+    if (state === undefined) {
+      setInternalResultsState(nextState);
+    }
+    onStateChange?.(nextState);
+  };
 
   useEffect(() => {
     if (!map) return;