an app to share curated trails
sidetrail.app
1import type { TrailCardData } from "../data/queries";
2import { TrailCard } from "./TrailCard";
3import "./TrailsList.css";
4
5type Props = {
6 trails: TrailCardData[];
7};
8
9export function TrailsList({ trails }: Props) {
10 return (
11 <div className="TrailsList">
12 {trails.map((trail) => (
13 <TrailCard
14 key={trail.uri}
15 uri={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 />
25 ))}
26 </div>
27 );
28}