From 61617209557a021785cf242ce20a631cd2035f98 Mon Sep 17 00:00:00 2001
From: Caleb Burke <calebburke91@gmail.com>
Date: Mon, 29 Jun 2026 00:04:27 -0700
Subject: [PATCH] Adding prog to review page

---
 .../FlashcardDeckReviewPage.vue                       | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/web/src/pages/flashcard-deck-reviews/FlashcardDeckReviewPage.vue b/web/src/pages/flashcard-deck-reviews/FlashcardDeckReviewPage.vue
index a8f81bb..2a0ef6b 100644
--- a/web/src/pages/flashcard-deck-reviews/FlashcardDeckReviewPage.vue
+++ b/web/src/pages/flashcard-deck-reviews/FlashcardDeckReviewPage.vue
@@ -1,6 +1,7 @@
 <template>
   <div>
-    <div class="d-flex">
+    <div class="d-flex align-center">
+      <div class="text-h4">{{ title }}</div>
       <v-spacer />
       <v-btn
         class="mt-2"
@@ -95,6 +96,14 @@ const props = defineProps<{ flashcardDeckId: string }>()
 const flashcardDeckIdAsNumber = computed(() => parseInt(props.flashcardDeckId))
 const { flashcardDeck } = useFlashcardDeck(flashcardDeckIdAsNumber)
 
+const title = computed(() => {
+  const deckName = flashcardDeck.value?.name ?? ""
+  const done = results.value.size
+  const total = flashcards.value.length
+  const progress = total > 0 ? ` (${done} / ${total})` : ""
+  return `${deckName}${progress}`
+})
+
 const flashcardsQueryOptions = computed<FlashcardQueryOptions>(() => {
   return {
     where: {