From 61915cd6a6d4828d629266493d1862bff65ee986 Mon Sep 17 00:00:00 2001
From: Barf-Vader <47476490+Barf-Vader@users.noreply.github.com>
Date: Mon, 9 Jun 2025 19:16:55 +0100
Subject: [PATCH] refactor: used a record for tag colouring

---
 src/lib/components/CompulsoryTags.svelte | 30 ++++++++++--------------
 1 file changed, 12 insertions(+), 18 deletions(-)

diff --git a/src/lib/components/CompulsoryTags.svelte b/src/lib/components/CompulsoryTags.svelte
index e36a0d8..0f7a90f 100644
--- a/src/lib/components/CompulsoryTags.svelte
+++ b/src/lib/components/CompulsoryTags.svelte
@@ -1,26 +1,20 @@
 <script lang="ts">
     const { space } = $props();
+
+    const tagToColor: Record<string, string> = {
+        "Many Outlets": "compulsoryTagGreen",
+        "No Outlets": "compulsoryTagRed",
+        "Some Outlets": "compulsoryTagYellow",
+        "Good WiFi": "compulsoryTagGreen",
+        "Bad WiFi": "compulsoryTagRed",
+        "Moderate WiFi": "compulsoryTagYellow",
+        "No WiFi": "compulsoryTagRed"
+    };
 </script>
 
 <span class="compulsoryTagGreen">{space.volume}</span>
-<span
-    class={space.power === "Many Outlets"
-        ? "compulsoryTagGreen"
-        : space.power === "No Outlets"
-          ? "compulsoryTagRed"
-          : space.power === "Some Outlets"
-            ? "compulsoryTagYellow"
-            : "compulsoryTagGreen"}>{space.power}</span
->
-<span
-    class={space.wifi === "Good WiFi"
-        ? "compulsoryTagGreen"
-        : space.wifi === "Bad WiFi" || space.wifi === "No WiFi"
-          ? "compulsoryTagRed"
-          : space.wifi === "Moderate WiFi"
-            ? "compulsoryTagYellow"
-            : "compulsoryTagGreen"}>{space.wifi}</span
->
+<span class={tagToColor[space.power]}>{space.power}</span>
+<span class={tagToColor[space.wifi]}>{space.wifi}</span>
 
 <style>
     .compulsoryTagGreen {