diff options
Diffstat (limited to 'src/pages/Stop.tsx')
| -rw-r--r-- | src/pages/Stop.tsx | 24 |
1 files changed, 21 insertions, 3 deletions
diff --git a/src/pages/Stop.tsx b/src/pages/Stop.tsx index 33f1a31..a5effc1 100644 --- a/src/pages/Stop.tsx +++ b/src/pages/Stop.tsx @@ -1,4 +1,4 @@ -import { useParams } from "react-router-dom"; +import { Link, useParams } from "react-router-dom"; import useSWR from "swr"; interface StopDetails { @@ -46,7 +46,25 @@ export function Stop(): JSX.Element { return ( <> - <h1>{data?.stop.name} ({data?.stop.id})</h1> + <div> + <h1>{data?.stop.name} ({data?.stop.id})</h1> + </div> + + <Link to="/"> + <svg + xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 24 24" + fill="none" + stroke="currentColor" + strokeWidth="2" + strokeLinecap="round" + strokeLinejoin="round" + style={{marginInlineEnd: '0.5em', width: '1em', height: '1em'}} + > + <path d="M19 12H5M12 19l-7-7 7-7" /> + </svg> + Volver al listado de paradas + </Link> <table> <caption>Estimaciones de llegadas</caption> @@ -82,7 +100,7 @@ export function Stop(): JSX.Element { </table> <p> - <a href="/">Volver al inicio</a> + <Link to="/">Volver al inicio</Link> </p> </> ) |