aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/client/pages/HomePage.tsx
diff options
context:
space:
mode:
authornsfisis <nsfisis@gmail.com>2025-12-07 18:21:20 +0900
committernsfisis <nsfisis@gmail.com>2025-12-07 18:21:20 +0900
commitaf9a4912f914bb198fe13bd3421ea33ff3bf9d45 (patch)
tree707f81a146739ec4c2abb67033f8612cb5079d41 /src/client/pages/HomePage.tsx
parent0b0e7e802fcb50652c3e9912363d996a039d56d8 (diff)
downloadkioku-af9a4912f914bb198fe13bd3421ea33ff3bf9d45.tar.gz
kioku-af9a4912f914bb198fe13bd3421ea33ff3bf9d45.tar.zst
kioku-af9a4912f914bb198fe13bd3421ea33ff3bf9d45.zip
feat(client): add card list view in deck detail page
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>
Diffstat (limited to 'src/client/pages/HomePage.tsx')
-rw-r--r--src/client/pages/HomePage.tsx10
1 files changed, 9 insertions, 1 deletions
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}