From 609dc6a3769d85e1cc4a8f06af58165be86b598c Mon Sep 17 00:00:00 2001
From: yyamashita <yyamashita@mosquit.one>
Date: Sun, 10 May 2026 22:56:42 +0900
Subject: Add band index page sorted by slug, show hiatus status only

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/routes/home.tsx | 20 ++++----------------
 1 file changed, 4 insertions(+), 16 deletions(-)

(limited to 'app/routes')

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>
-- 
cgit v1.2.3