Fix: add display count placeholder

This commit is contained in:
Luc Mcgrady 2025-11-04 21:28:28 +00:00
parent 71bdb006e4
commit 1b3c918a97
No known key found for this signature in database
GPG key ID: 4F3D7A0B17CC3D9C
2 changed files with 16 additions and 11 deletions

View file

@ -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>

View file

@ -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>