More

frontend/src/hooks/useTravelTime.ts

@@ -0,0 +1,67 @@
+import { useState, useCallback } from 'react';
+
+export type TransportMode = 'transit' | 'car' | 'bicycle';
+
+export interface TravelTimeState {
+  enabled: boolean;
+  destination: [number, number] | null; // [lat, lon]
+  destinationLabel: string;
+  mode: TransportMode;
+  timeRange: [number, number] | null;
+}
+
+export interface TravelTimeInitial {
+  destination?: [number, number];
+  destinationLabel?: string;
+  mode?: TransportMode;
+  timeRange?: [number, number];
+}
+
+export function useTravelTime(initial?: TravelTimeInitial) {
+  const [enabled, setEnabled] = useState(!!initial?.destination);
+  const [destination, setDestination] = useState<[number, number] | null>(
+    initial?.destination ?? null
+  );
+  const [destinationLabel, setDestinationLabel] = useState(initial?.destinationLabel ?? '');
+  const [mode, setMode] = useState<TransportMode>(initial?.mode ?? 'transit');
+  const [timeRange, setTimeRange] = useState<[number, number] | null>(
+    initial?.timeRange ?? null
+  );
+
+  const handleEnable = useCallback(() => {
+    setEnabled(true);
+  }, []);
+
+  const handleDisable = useCallback(() => {
+    setEnabled(false);
+    setDestination(null);
+    setDestinationLabel('');
+    setTimeRange(null);
+  }, []);
+
+  const handleSetDestination = useCallback((lat: number, lon: number, label: string) => {
+    setDestination([lat, lon]);
+    setDestinationLabel(label);
+  }, []);
+
+  const handleModeChange = useCallback((newMode: TransportMode) => {
+    setMode(newMode);
+  }, []);
+
+  const handleTimeRangeChange = useCallback((range: [number, number]) => {
+    setTimeRange(range);
+  }, []);
+
+  return {
+    enabled,
+    destination,
+    destinationLabel,
+    mode,
+    timeRange,
+    handleEnable,
+    handleDisable,
+    handleSetDestination,
+    handleModeChange,
+    handleTimeRangeChange,
+  };
+}