From 028b28584920598e8846637979f99048cfbdf26d Mon Sep 17 00:00:00 2001
From: Luc Mcgrady <lucmcgrady@gmail.com>
Date: Mon, 10 Nov 2025 17:04:58 +0000
Subject: [PATCH] Added: Flag showing

---
 ts/routes/reviewer/+page.svelte | 8 ++++++++
 ts/routes/reviewer/index.scss   | 1 +
 2 files changed, 9 insertions(+)
 create mode 100644 ts/routes/reviewer/index.scss

diff --git a/ts/routes/reviewer/+page.svelte b/ts/routes/reviewer/+page.svelte
index cf574b00d..3eb014f18 100644
--- a/ts/routes/reviewer/+page.svelte
+++ b/ts/routes/reviewer/+page.svelte
@@ -3,6 +3,8 @@ Copyright: Ankitects Pty Ltd and contributors
 License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <script>
+    import "./index.scss";
+
     import { onMount } from "svelte";
     import { ReviewerState, updateNightMode } from "./reviewer";
     import ReviewerBottom from "./reviewer-bottom/ReviewerBottom.svelte";
@@ -16,6 +18,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         globalThis.anki.changeReceived = () => state.showQuestion(null);
         _blockDefaultDragDropBehavior();
     });
+    $: cardData = state.cardData;
+    $: flag = $cardData?.queue?.cards[0].card?.flags;
 </script>
 
 <div>
@@ -23,6 +27,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     <ReviewerBottom {state}></ReviewerBottom>
 </div>
 
+{#if flag}
+    <div id="_flag" style:color={`var(--flag-${flag})`}>⚑</div>
+{/if}
+
 <style>
     div {
         height: 100vh;
diff --git a/ts/routes/reviewer/index.scss b/ts/routes/reviewer/index.scss
new file mode 100644
index 000000000..90fa33d99
--- /dev/null
+++ b/ts/routes/reviewer/index.scss
@@ -0,0 +1 @@
+@use "../../reviewer/reviewer.scss"
\ No newline at end of file