Skip to main content

RouteDetailView

packages/leisure/components/organisms/RouteDetailView.js · Tier: organism · Module: leisure · Rendering: Server Component

Purpose​

Renders the body of a city-route detail page: a banner with the route name, an "about" panel (description, practical details and route map), the paginated list of points of interest, and the staff administration controls. The back button is owned by the page.

Props​

PropTypeRequiredDefaultDescription
routeobjectyes—City route payload.
placesobject[]yes—Current page of route points of interest.
routeIdstringyes—Route id (for pagination hrefs).
pagenumberyes—Page index.
totalPagesnumberyes—Total pages.
tobjectyes—tourism.routeDetail dictionary.
unitsobjectyes—tourism.units dictionary.
tAdminobjectyes—tourism.adminActions dictionary.
categoryLabelsobjectyes—Category labels for the place cards.
langstringyes—Locale.
canManagebooleanyes—Shows the admin controls.

Composition​

  • Uses: molecules/leisure/CityPlaceCard, molecules/leisure/RouteMapClient, molecules/core/SectionPager, molecules/core/AdminSection, molecules/leisure/DeleteEntityButton, atoms/core/Icon, next/link.
  • Used by: the tourism route detail page.

Internationalisation​

Copy from tourism.routeDetail / adminActions; durations via units.

Accessibility​

Structured sections with headings; POIs are rendered as CityPlaceCard links.

molecules/leisure/CityPlaceCard, molecules/leisure/RouteMap, organisms/leisure/CityRouteForm.