diff --git a/client/src/components/Tours/poi/TourPoiSearchCard.tsx b/client/src/components/Tours/poi/TourPoiSearchCard.tsx index b5871b654..497c64839 100644 --- a/client/src/components/Tours/poi/TourPoiSearchCard.tsx +++ b/client/src/components/Tours/poi/TourPoiSearchCard.tsx @@ -1,6 +1,7 @@ import type { TourPoi, WalkTheme } from '@trek/shared'; import { TOUR_POI_CORRIDORS_M } from '@trek/shared'; import { + Check, ChevronDown, Coffee, Landmark, @@ -22,13 +23,14 @@ import { useTourPoiStore } from '../../../store/tourPoiStore'; import { formatDistance } from '../../../utils/units'; import { TOUR_POI_LOOKS } from '../../Map/poiCategories'; import { PopoverItem } from '../../Packing/PackingPopover'; -import { WhiteBadge } from '../../Planner/planParts'; +import { SoftPill, WhiteBadge } from '../../Planner/planParts'; import { PopoverListPanel, Segmented } from '../../shared/dialogParts'; import { fs } from '../../shared/DialogShell'; import { usePopoverList } from '../../shared/usePopoverList'; import type { TourPlannerController } from '../planner/useTourPlanner'; import { RailCard, TourNotice } from '../tourParts'; import { formatPlannedTourDuration } from '../tourPresentation'; +import { placesInTour } from './poiInsertion'; import { SearchNotices } from './TourPoiSearchNotices'; import { usePoiInsertion, type InsertionOutcome } from './usePoiInsertion'; import { useSelectedPoi, useTourPoiSearch, type TourPoiSearch } from './useTourPoiSearch'; @@ -155,7 +157,7 @@ function ThemeGrid({ * and how far it lies from the route. A click opens its card over the map, * where the rest is said and the place is taken in as a stop. */ -function PoiRow({ poi, selected, unit }: { poi: TourPoi; selected: boolean; unit: Unit }) { +function PoiRow({ poi, selected, inTour, unit }: { poi: TourPoi; selected: boolean; inTour: boolean; unit: Unit }) { const { t } = useTranslation(); const select = useTourPoiStore((state) => state.select); const look = TOUR_POI_LOOKS[poi.category]; @@ -191,16 +193,25 @@ function PoiRow({ poi, selected, unit }: { poi: TourPoi; selected: boolean; unit