diff options
Diffstat (limited to 'src/pages/Home.tsx')
| -rw-r--r-- | src/pages/Home.tsx | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx new file mode 100644 index 0000000..79f1ec2 --- /dev/null +++ b/src/pages/Home.tsx @@ -0,0 +1,33 @@ +import useSWR from "swr"; + +interface Stop { + stopId: number + name: string; + latitude?: number; + longitude?: number; + lines: string[]; +} + +export function Home() { + const { data, error, isLoading } = useSWR<Stop[]>('home', async () => { + const response = await fetch('/api/ListStops') + return response.json() + }); + + if (isLoading) return <h1>Loading...</h1> + if (error) return <h1>Error</h1> + + return ( + <> + <h1>Home</h1> + + <ul> + {data?.map((stop: Stop) => ( + <li key={stop.stopId}> + {stop.name} - {stop.lines?.join(', ')} + </li> + ))} + </ul> + </> + ) +} |
