diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-12-07 18:50:08 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-12-07 18:50:08 +0900 |
| commit | f443ac18ccb8ab34fb5bf69b0802eb69cf89cf06 (patch) | |
| tree | 571fa2cdd1959598e623fdd839c07d63b03b1124 /src/client/pages/DeckDetailPage.tsx | |
| parent | b965d9432b4037dd2f65bb4c8690965e090228ca (diff) | |
| download | kioku-f443ac18ccb8ab34fb5bf69b0802eb69cf89cf06.tar.gz kioku-f443ac18ccb8ab34fb5bf69b0802eb69cf89cf06.tar.zst kioku-f443ac18ccb8ab34fb5bf69b0802eb69cf89cf06.zip | |
feat(client): add study session page with card flip and rating UI
Implements the complete study flow frontend:
- Study session page with card display and flip interaction
- Rating buttons (Again, Hard, Good, Easy) with keyboard shortcuts
- Progress display showing remaining cards count
- Session complete screen with review summary
- Study Now button on deck detail page
🤖 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/DeckDetailPage.tsx')
| -rw-r--r-- | src/client/pages/DeckDetailPage.tsx | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/src/client/pages/DeckDetailPage.tsx b/src/client/pages/DeckDetailPage.tsx index cdc216a..3d7ffb5 100644 --- a/src/client/pages/DeckDetailPage.tsx +++ b/src/client/pages/DeckDetailPage.tsx @@ -158,6 +158,30 @@ export function DeckDetailPage() { <div style={{ display: "flex", + gap: "0.5rem", + marginBottom: "1rem", + }} + > + <Link href={`/decks/${deckId}/study`}> + <button + type="button" + style={{ + backgroundColor: "#28a745", + color: "white", + border: "none", + padding: "0.5rem 1rem", + borderRadius: "4px", + cursor: "pointer", + }} + > + Study Now + </button> + </Link> + </div> + + <div + style={{ + display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "1rem", |