fix bike_scenic profile and fallback if no icon

Author: karussell

src/sidebar/MobileSidebar.tsx

@@ -16,7 +16,7 @@ import { Coordinate } from '@/utils'
 import PlainButton from '@/PlainButton'
 import { tr } from '@/translation/Translation'
 import Chevron from '@/sidebar/search/routingProfiles/chevron.svg'
-import { icons } from '@/sidebar/search/routingProfiles/profileIcons'
+import { findIcon } from '@/sidebar/search/routingProfiles/profileIcons'
 import { RoutingProfile } from '@/api/graphhopper'
 
 type MobileSidebarProps = {
@@ -102,8 +102,7 @@ function SmallSearchView(props: { points: QueryPoint[]; selectedProfile: Routing
     const from = props.points[0]
     const to = props.points[props.points.length - 1]
     const isSmallHeight = useMediaQuery({ query: '(max-height: 36rem)' })
-    const icon = icons[props.selectedProfile.name]
-    const iconElement = icon ? React.createElement(icon) : React.createElement(icons.question_mark)
+    const iconElement = React.createElement(findIcon(props.selectedProfile.name))
 
     return (
         <div className={styles.btnOpenContainer} onClick={props.onClick}>

src/sidebar/search/routingProfiles/bike_scenic.svg

@@ -1,4 +1,5 @@
 import BicycleIcon from './bike.svg'
+import BikeScenicIcon from './bike_scenic.svg'
 import CarIcon from './car.svg'
 import FootIcon from './foot.svg'
 import HikeIcon from './hike.svg'
@@ -25,6 +26,7 @@ export const icons: Record<string, any> = {
     foot: FootIcon,
     hike: HikeIcon,
     bike: BicycleIcon,
+    bike_scenic: BikeScenicIcon,
     mtb: MtbBicycleIcon, // Mountainbike
     racingbike: RacingbikeIcon,
     ecargobike: EcargobikeIcon,
@@ -35,3 +37,11 @@ export const icons: Record<string, any> = {
     car_avoid_ferry: FerryDisabledIcon,
     car_avoid_toll: TollDisabledIcon,
 }
+
+// Resolve an icon for a routing-profile name. Falls back to the base-profile icon for custom profiles
+// like 'bike_scenic' → 'bike', and finally to the question-mark icon if nothing matches.
+export function findIcon(profileName: string): any {
+    if (icons[profileName]) return icons[profileName]
+    const baseKey = Object.keys(icons).find(k => profileName.startsWith(k + '_'))
+    return baseKey ? icons[baseKey] : icons.question_mark
+}