diff --git a/src/App.tsx b/src/App.tsx index 0f9d2a8..1d71eb6 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -131,6 +131,15 @@ export default function App() { )} + {/* Bouton info — sous ☰ sur mobile, top-left sur desktop */} + + {/* Period selector — floating over map */}
0 ? Math.round((visibleStats.geoCount / visibleStats.transactionCount) * 100) : null} - onInfo={() => setInfoOpen(true)} />
diff --git a/src/components/PeriodSelector.tsx b/src/components/PeriodSelector.tsx index 2ccb8ad..3fb7953 100644 --- a/src/components/PeriodSelector.tsx +++ b/src/components/PeriodSelector.tsx @@ -8,7 +8,6 @@ interface PeriodSelectorProps { viewMode: 'heatmap' | 'flow'; onViewModeChange: (mode: 'heatmap' | 'flow') => void; geoPercent?: number | null; - onInfo: () => void; } const PERIODS = [ @@ -19,7 +18,7 @@ const PERIODS = [ const PRESET_DAYS = new Set([1, 7, 30]); -export function PeriodSelector({ value, onChange, animationActive, onAnimate, viewMode, onViewModeChange, geoPercent, onInfo }: PeriodSelectorProps) { +export function PeriodSelector({ value, onChange, animationActive, onAnimate, viewMode, onViewModeChange, geoPercent }: PeriodSelectorProps) { const [customOpen, setCustomOpen] = useState(false); const [inputVal, setInputVal] = useState(''); const inputRef = useRef(null); @@ -132,15 +131,6 @@ export function PeriodSelector({ value, onChange, animationActive, onAnimate, vi )} -
- -
); }