diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-12-07 18:21:20 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-12-07 18:21:20 +0900 |
| commit | af9a4912f914bb198fe13bd3421ea33ff3bf9d45 (patch) | |
| tree | 707f81a146739ec4c2abb67033f8612cb5079d41 /src/client/pages/HomePage.tsx | |
| parent | 0b0e7e802fcb50652c3e9912363d996a039d56d8 (diff) | |
| download | kioku-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.tsx | 10 |
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} |
