From 917bf910608e110625d90d91f1c5258cb1f18979 Mon Sep 17 00:00:00 2001
From: kts of kettek <kts@kettek.net>
Date: Thu, 22 Feb 2024 01:01:11 -0800
Subject: [PATCH] Only show index if swatch exists

---
 frontend/src/components/ColorIndex.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/ColorIndex.svelte b/frontend/src/components/ColorIndex.svelte
index 95247f8..cf6a490 100644
--- a/frontend/src/components/ColorIndex.svelte
+++ b/frontend/src/components/ColorIndex.svelte
@@ -34,7 +34,11 @@
 
 <main>
   <div class="color" style="background-color: rgba({red},{green},{blue},{alpha})">
-    <div class="label" style="color: rgb({255-red}, {255-green}, {255-blue})">{index}</div>
+    <div class="label" style="color: rgb({255-red}, {255-green}, {255-blue})">
+      {#if swatchExists}
+        {index}
+      {/if}
+    </div>
   </div>
   <Button kind="ghost" size="small" disabled={swatchExists} iconDescription="replace swatch" tooltipPosition="top" icon={ColorSwitch} on:click={replaceSwatch}></Button>
   <Button kind="ghost" size="small" disabled={swatchExists} iconDescription="add swatch" tooltipPosition="top" icon={AddLarge} on:click={addSwatch}></Button>