an app to share curated trails
sidetrail.app
1import type { TrailCardData } from "../data/queries";
2import { TrailCard } from "./TrailCard";
3import { TrailCardWalkers } from "./TrailCardWalkers";
4import "./TrailsList.css";
5
6type Props = {
7 trails: TrailCardData[];
8};
9
10export function TrailsList({ trails }: Props) {
11 return (
12 <div className="TrailsList">
13 {trails.map((trail) => (
14 <TrailCard
15 key={trail.uri}
16 rkey={trail.rkey}
17 creatorHandle={trail.creatorHandle}
18 title={trail.title}
19 description={trail.description}
20 accentColor={trail.accentColor}
21 backgroundColor={trail.backgroundColor}
22 creator={trail.creator}
23 stopsCount={trail.stopsCount}
24 walkersSlot={<TrailCardWalkers trailUri={trail.uri} />}
25 />
26 ))}
27 </div>
28 );
29}