diff --git a/frontend/src/components/korea/CorrelationPanel.tsx b/frontend/src/components/korea/CorrelationPanel.tsx index c2077cc..fe0f296 100644 --- a/frontend/src/components/korea/CorrelationPanel.tsx +++ b/frontend/src/components/korea/CorrelationPanel.tsx @@ -1,9 +1,9 @@ import { useState } from 'react'; import type { GearCorrelationItem, CorrelationVesselTrack } from '../../services/vesselAnalysis'; import type { UseGroupPolygonsResult } from '../../hooks/useGroupPolygons'; -import type { HistoryFrame } from './fleetClusterTypes'; import { FONT_MONO } from '../../styles/fonts'; import { MODEL_ORDER, MODEL_COLORS, MODEL_DESC } from './fleetClusterConstants'; +import { useGearReplayStore } from '../../stores/gearReplayStore'; interface CorrelationPanelProps { selectedGearGroup: string; @@ -15,8 +15,6 @@ interface CorrelationPanelProps { enabledModels: Set; enabledVessels: Set; correlationLoading: boolean; - historyData: HistoryFrame[] | null; - effectiveSnapIdx: number; hoveredTarget: { mmsi: string; model: string } | null; onEnabledModelsChange: (updater: (prev: Set) => Set) => void; onEnabledVesselsChange: (updater: (prev: Set) => Set) => void; @@ -36,12 +34,13 @@ const CorrelationPanel = ({ enabledModels, enabledVessels, correlationLoading, - historyData, hoveredTarget, onEnabledModelsChange, onEnabledVesselsChange, onHoveredTargetChange, }: CorrelationPanelProps) => { + const historyActive = useGearReplayStore(s => s.historyFrames.length > 0); + // Local tooltip state const [hoveredModelTip, setHoveredModelTip] = useState(null); const [pinnedModelTip, setPinnedModelTip] = useState(null); @@ -213,7 +212,7 @@ const CorrelationPanel = ({ return (
setEnabledModels(updater)} onEnabledVesselsChange={(updater) => setEnabledVessels(updater)}