More fixes

frontend/src/components/map/FeatureBrowser.tsx

@@ -10,23 +10,18 @@ import { groupFeaturesByCategory } from '../../lib/features';
 import { FeatureInfoPopup } from '../ui/FeatureInfoPopup';
 import { FeatureActions } from '../ui/FeatureIcons';
 import { FeatureLabel } from '../ui/FeatureLabel';
-import { CarIcon, BicycleIcon, WalkingIcon, TransitIcon, PlusIcon } from '../ui/icons';
-import type { ComponentType } from 'react';
+import { PlusIcon, InfoIcon } from '../ui/icons';
+import { IconButton } from '../ui/IconButton';
+import { TravelTimeInfoPopup } from '../ui/TravelTimeInfoPopup';
 import {
   TRANSPORT_MODES,
   MODE_LABELS,
   MODE_DESCRIPTIONS,
+  MODE_ICONS,
   type TransportMode,
   type TravelTimeEntry,
 } from '../../hooks/useTravelTime';
 
-const MODE_ICONS: Record<TransportMode, ComponentType<{ className?: string }>> = {
-  car: CarIcon,
-  bicycle: BicycleIcon,
-  walking: WalkingIcon,
-  transit: TransitIcon,
-};
-
 interface FeatureBrowserProps {
   availableFeatures: FeatureMeta[];
   allFeatures: FeatureMeta[];
@@ -58,6 +53,7 @@ export default function FeatureBrowser({
 }: FeatureBrowserProps) {
   const [search, setSearch] = useState('');
   const [infoFeature, setInfoFeature] = useState<FeatureMeta | null>(null);
+  const [travelInfoMode, setTravelInfoMode] = useState<TransportMode | null>(null);
   const [expandedGroups, toggleGroup] = useCollapsibleGroups();
   const availableTravelModes = useTravelModes();
 
@@ -175,6 +171,12 @@ export default function FeatureBrowser({
                             </div>
                           </div>
                           <div className="flex items-center gap-0.5 shrink-0">
+                            <IconButton
+                              onClick={() => setTravelInfoMode(mode)}
+                              title="Feature info"
+                            >
+                              <InfoIcon className="w-3.5 h-3.5" />
+                            </IconButton>
                             <button
                               onClick={() => onAddTravelTimeEntry(mode)}
                               title={`Add ${MODE_LABELS[mode]} travel time`}
@@ -241,6 +243,9 @@ export default function FeatureBrowser({
           onNavigateToSource={onNavigateToSource}
         />
       )}
+      {travelInfoMode && (
+        <TravelTimeInfoPopup mode={travelInfoMode} onClose={() => setTravelInfoMode(null)} />
+      )}
     </>
   );
 }