From 1b3c918a9739b6135457f5693550e2464150492c Mon Sep 17 00:00:00 2001
From: Luc Mcgrady <lucmcgrady@gmail.com>
Date: Tue, 4 Nov 2025 21:28:28 +0000
Subject: [PATCH] Fix: add display count placeholder

---
 .../reviewer/reviewer-bottom/Remaining.svelte | 20 ++++++++++---------
 .../reviewer-bottom/RemainingNumber.svelte    |  7 +++++--
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/ts/routes/reviewer/reviewer-bottom/Remaining.svelte b/ts/routes/reviewer/reviewer-bottom/Remaining.svelte
index 6e7ae9075..1e1854983 100644
--- a/ts/routes/reviewer/reviewer-bottom/Remaining.svelte
+++ b/ts/routes/reviewer/reviewer-bottom/Remaining.svelte
@@ -14,21 +14,23 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </script>
 
 <span>
-    <RemainingNumber cls="new-count" underlined={underlined === QueuedCards_Queue.NEW}>
-        {queue?.newCount}
-    </RemainingNumber> +
+    <RemainingNumber
+        cls="new-count"
+        underlined={underlined === QueuedCards_Queue.NEW}
+        count={queue?.newCount}
+    ></RemainingNumber>
+    {"+"}
     <RemainingNumber
         cls="learn-count"
         underlined={underlined === QueuedCards_Queue.LEARNING}
-    >
-        {queue?.learningCount}
-    </RemainingNumber> +
+        count={queue?.learningCount}
+    ></RemainingNumber>
+    {"+"}
     <RemainingNumber
         cls="review-count"
         underlined={underlined === QueuedCards_Queue.REVIEW}
-    >
-        {queue?.reviewCount}
-    </RemainingNumber>
+        count={queue?.reviewCount}
+    ></RemainingNumber>
 </span>
 
 <style>
diff --git a/ts/routes/reviewer/reviewer-bottom/RemainingNumber.svelte b/ts/routes/reviewer/reviewer-bottom/RemainingNumber.svelte
index 4761dfdcd..19fa6191c 100644
--- a/ts/routes/reviewer/reviewer-bottom/RemainingNumber.svelte
+++ b/ts/routes/reviewer/reviewer-bottom/RemainingNumber.svelte
@@ -5,12 +5,15 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 <script lang="ts">
     export let underlined: boolean;
     export let cls: string;
+    export let count: number | undefined;
+
+    $: displayCount = count?.toFixed(0) ?? "?";
 </script>
 
 <span class={cls}>
     {#if underlined}
-        <u><slot /></u>
+        <u>{displayCount}</u>
     {:else}
-        <slot />
+        {displayCount}
     {/if}
 </span>