From fe4bdf519e40e090e69b5318df9b1507030352c7 Mon Sep 17 00:00:00 2001
From: Luc Mcgrady <lucmcgrady@gmail.com>
Date: Wed, 12 Nov 2025 14:12:50 +0000
Subject: [PATCH] Added: Selected flag highlight

---
 .../reviewer/reviewer-bottom/More.svelte      | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/ts/routes/reviewer/reviewer-bottom/More.svelte b/ts/routes/reviewer/reviewer-bottom/More.svelte
index 29eec1f6e..7577c528b 100644
--- a/ts/routes/reviewer/reviewer-bottom/More.svelte
+++ b/ts/routes/reviewer/reviewer-bottom/More.svelte
@@ -89,13 +89,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     ];
 
     const cardData = state.cardData;
+    $: card = $cardData?.queue?.cards[0].card;
 
     function changeFlag(index: number) {
-        const card = $cardData!.queue!.cards[0].card!;
-        if (card.flags === index) {
+        if (card?.flags === index) {
             index = 0;
         }
-        setFlag({ cardIds: [card.id], flag: index });
+        setFlag({ cardIds: [card!.id], flag: index });
         $cardData!.queue!.cards[0].card!.flags = index;
     }
 </script>
@@ -124,12 +124,18 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                 </MoreItem>
                 <div slot="items" class="dropdown">
                     {#each flags as flag, i}
-                        <MoreItem
-                            shortcut={flag.shortcut}
-                            on:click={() => changeFlag(i + 1)}
+                        <div
+                            style:background-color={card?.flags == i + 1
+                                ? "RGBA(0,255,0,0.25)"
+                                : ""}
                         >
-                            {flag.colour}
-                        </MoreItem>
+                            <MoreItem
+                                shortcut={flag.shortcut}
+                                on:click={() => changeFlag(i + 1)}
+                            >
+                                {flag.colour}
+                            </MoreItem>
+                        </div>
                     {/each}
                 </div>
             </MoreSubmenu>