diff --git a/client/src/components/Tours/poi/TourPoiCard.tsx b/client/src/components/Tours/poi/TourPoiCard.tsx index ecee31630..5694d524c 100644 --- a/client/src/components/Tours/poi/TourPoiCard.tsx +++ b/client/src/components/Tours/poi/TourPoiCard.tsx @@ -1,6 +1,6 @@ import type { TourPoi, WalkTheme } from '@trek/shared'; import { WALK_THEMES } from '@trek/shared'; -import { Clock, ExternalLink, MoveHorizontal, Plus, Route, X } from 'lucide-react'; +import { Clock, ExternalLink, MoveHorizontal, Plus, Route, Star, X } from 'lucide-react'; import { useCallback, useRef } from 'react'; import { useTranslation } from '../../../i18n'; import { useSettingsStore } from '../../../store/settingsStore'; @@ -9,7 +9,7 @@ import { formatDistance } from '../../../utils/units'; import { MAP_CARD_GLASS } from '../../Map/mapControlShadow'; import { TOUR_POI_LOOKS } from '../../Map/poiCategories'; import { useMapCardDismiss } from '../../Map/useMapCardDismiss'; -import { WhiteBadge } from '../../Planner/planParts'; +import { SoftPill, WhiteBadge } from '../../Planner/planParts'; import { PillSelect } from '../../shared/dialogParts'; import { fs } from '../../shared/DialogShell'; import type { TourPlannerController } from '../planner/useTourPlanner'; @@ -157,7 +157,22 @@ function TourPoiCard({

{poi.name || kind}

- {poi.name &&

{kind}

} + {(poi.name || poi.highlight) && ( +
+ {poi.name &&

{kind}

} + {/* One of the best known places along the route, as the star in the list marks it. */} + {poi.highlight && ( + + + + )} +
+ )}