From af9a4912f914bb198fe13bd3421ea33ff3bf9d45 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Sun, 7 Dec 2025 18:21:20 +0900
Subject: feat(client): add card list view in deck detail page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add DeckDetailPage component that displays all cards in a deck with their
front/back content, state, review count, and lapses. Deck names on HomePage
are now clickable links to navigate to the deck detail view.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/client/pages/HomePage.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

(limited to 'src/client/pages/HomePage.tsx')

diff --git a/src/client/pages/HomePage.tsx b/src/client/pages/HomePage.tsx
index a51dfc1..fb13422 100644
--- a/src/client/pages/HomePage.tsx
+++ b/src/client/pages/HomePage.tsx
@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useState } from "react";
+import { Link } from "wouter";
 import { ApiClientError, apiClient } from "../api";
 import { CreateDeckModal } from "../components/CreateDeckModal";
 import { DeleteDeckModal } from "../components/DeleteDeckModal";
@@ -131,7 +132,14 @@ export function HomePage() {
 									}}
 								>
 									<div>
-										<h3 style={{ margin: 0 }}>{deck.name}</h3>
+										<h3 style={{ margin: 0 }}>
+											<Link
+												href={`/decks/${deck.id}`}
+												style={{ textDecoration: "none", color: "inherit" }}
+											>
+												{deck.name}
+											</Link>
+										</h3>
 										{deck.description && (
 											<p style={{ margin: "0.5rem 0 0 0", color: "#666" }}>
 												{deck.description}
-- 
cgit v1.2.3-70-g09d2

