From e741b4375479c27a66238c067a704df8a84fa3e9 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Thu, 8 Jan 2026 01:01:24 +0100
Subject: [PATCH] Add Learn and Quiz buttons to EntryCard component

---
 client/src/components/EntryCard.tsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/client/src/components/EntryCard.tsx b/client/src/components/EntryCard.tsx
index 1accc87..721ad26 100644
--- a/client/src/components/EntryCard.tsx
+++ b/client/src/components/EntryCard.tsx
@@ -7,8 +7,11 @@ interface Props {
 
 export default function EntryCard({ entry }: Props) {
   const { counts } = entry;
+  const learnLink = `/entry/${encodeURIComponent(entry.id)}`;
+  const quizLink = `/quiz?mode=entry&id=${encodeURIComponent(entry.id)}`;
+
   return (
-    <Link to={`/entry/${encodeURIComponent(entry.id)}`} className="entry-card">
+    <div className="entry-card">
       <div className="entry-card__title">{entry.title}</div>
       <div className="entry-card__meta">
         <span className="pill">{entry.mode || 'mixed'}</span>
@@ -21,6 +24,14 @@ export default function EntryCard({ entry }: Props) {
         <span>Conversation {counts.conversation}</span>
         <span>Quiz {counts.quiz}</span>
       </div>
-    </Link>
+      <div className="entry-card__actions">
+        <Link className="button button--ghost" to={learnLink}>
+          Learn
+        </Link>
+        <Link className="button" to={quizLink}>
+          Quiz
+        </Link>
+      </div>
+    </div>
   );
 }