Build a race course page

The same waypoint table, with every column a race publishes and the service filter wired. Reach for it when runners need to read the course rather than browse it.

import { ItineraryWaypointTable } from "@mountaya/elements-react/elements";
import { MountayaElementsProvider } from "@mountaya/elements-react/headless";

export const Course = () => (
  <MountayaElementsProvider client={client}>
    <ItineraryWaypointTable
      columns={["waypoint", "distance", "elevation", "amenities", "cutoff"]}
      filter={filter}
      formatCutoffAt={formatCutoffAt}
      itineraryId={itineraryId}
      onFilterChange={setFilter}
    />
  </MountayaElementsProvider>
);

Give formatCutoffAt an explicit timeZone, or a cut-off prints in the reader's own zone instead of the course's.

Next steps

List an itinerary's waypoints

The same table with every default.

Tables

The column specs and the filter contract.