From 2faca4b4bd044e655c2b3330c0bbf1c4258640d9 Mon Sep 17 00:00:00 2001
From: remi <remilia@remilia.se>
Date: Fri, 6 May 2022 16:04:39 +0200
Subject: [PATCH] ?

---
 main.js | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/main.js b/main.js
index a83e438..c100f34 100644
--- a/main.js
+++ b/main.js
@@ -58,6 +58,10 @@ let quirkBadges = {
         "color": "#7777dd",
         "type": "Negation",
         "bending": "fa"
+    },
+    "unknown-tag": {
+        "name": "Unknown tag",
+        "color": "#393939",
     }
 }
 
@@ -106,15 +110,20 @@ function showPopup(ogword, word, quirks = "") {
         qyuirks.forEach(quirk => {
             let badge = document.createElement("div");
             badge.classList.add("badge");
-            badge.style.backgroundColor = quirkBadges[quirk]["color"];
-            badge.innerText = quirkBadges[quirk]["name"];
-            badge.onclick = () => {
-                p.querySelector("h1").innerText = quirkBadges[quirk]["name"];
-                p.querySelector("#popup-meaning").innerText = quirkBadges[quirk]["description"];
-                p.querySelector("#popup-type").innerText = quirkBadges[quirk]["type"];
-                p.querySelector("#popup-quirks-container").style.display = "none";
-                p.querySelector("#popup-e").innerText = "bending: ";
-                p.querySelector("#popup-heo").innerText = quirkBadges[quirk]["bending"];
+            try {
+                badge.style.backgroundColor = quirkBadges[quirk]["color"];
+                badge.innerText = quirkBadges[quirk]["name"];
+                badge.onclick = () => {
+                    p.querySelector("h1").innerText = quirkBadges[quirk]["name"];
+                    p.querySelector("#popup-meaning").innerText = quirkBadges[quirk]["description"];
+                    p.querySelector("#popup-type").innerText = quirkBadges[quirk]["type"];
+                    p.querySelector("#popup-quirks-container").style.display = "none";
+                    p.querySelector("#popup-e").innerText = "bending: ";
+                    p.querySelector("#popup-heo").innerText = quirkBadges[quirk]["bending"];
+                }
+            } catch (e) {
+                badge.style.backgroundColor = quirkBadges["unknown-tag"]["color"];
+                badge.innerText = quirkBadges["unknown-tag"]["name"];                    
             }
             p.querySelector("#popup-quirks").appendChild(badge);
         });