diff options
Diffstat (limited to 'app/routes')
| -rw-r--r-- | app/routes/home.tsx | 20 |
1 files changed, 4 insertions, 16 deletions
diff --git a/app/routes/home.tsx b/app/routes/home.tsx index 5aa7de1..ef6912d 100644 --- a/app/routes/home.tsx +++ b/app/routes/home.tsx @@ -5,12 +5,6 @@ export function loader() { return { bands: listBands() }; } -const STATUS_LABEL: Record<string, string> = { - active: "活動中", - hiatus: "活動休止", - disbanded: "解散", -}; - export default function Home() { const { bands } = useLoaderData<typeof loader>(); return ( @@ -24,16 +18,10 @@ export default function Home() { <ul className="band-list"> {bands.map((band) => ( <li key={band.id}> - <div className="name-col"> - <Link to={`/bands/of/${band.id}`}>{band.name}</Link> - {band.description && ( - <p className="desc">{band.description}</p> - )} - </div> - <div className="info"> - {band.area && <span>{band.area}</span>} - <span>{STATUS_LABEL[band.status] ?? band.status}</span> - </div> + <Link to={`/bands/of/${band.id}`}>{band.name}</Link> + {band.status === "hiatus" && ( + <span className="muted" style={{ fontSize: ".75rem" }}>活動休止</span> + )} </li> ))} </ul> |