fix quality loading icon removal

Austionian · Aug 9, 2024 · 837a788 · 837a788
1 parent f7db4c3
commit 837a788
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/assets/static/index.js b/assets/static/index.js
@@ -149,6 +149,10 @@ function parseLatestData(data) {
       "style",
       `color: ${data.quality_color}`,
     );
+
+    document
+      .querySelectorAll(".wave-quality-loader")
+      .forEach((e) => e.remove());
   }
 
   NonNull(document.getElementById("current-water-temp")).innerText =
@@ -267,6 +271,10 @@ function parseForecastData(data) {
       const text = NonNull(document.getElementById("wave-quality-text"));
       text.innerText = qualityMap[FLAT_COLOR];
       text.setAttribute("style", `color: ${FLAT_COLOR}`);
+
+      document
+        .querySelectorAll(".wave-quality-loader")
+        .forEach((e) => e.remove());
     }
 
     document

diff --git a/templates/base.html b/templates/base.html
@@ -14,7 +14,7 @@
       href="https://cdn.jsdelivr.net/npm/chart.js"
       as="script"
     />
-    <link rel="preload" href="/assets/static/index.js?v=5" as="script" />
+    <link rel="preload" href="/assets/static/index.js?v=6" as="script" />
 
     <link href="/assets/styles.css" rel="stylesheet" type="text/css" />
     <style>
@@ -29,7 +29,7 @@
     @keyup.escape="showLiveFeed = false; showNav = false;"
     :class="{ 'overflow-hidden': showNav || showLiveFeed }"
   >
-    <script src="/assets/static/index.js?v=5"></script>
+    <script src="/assets/static/index.js?v=6"></script>
     {% block body %} {% endblock %} {% include "includes/footer.html" %}
   </body>
 </html>
diff --git a/templates/index.html b/templates/index.html
@@ -56,7 +56,7 @@
                     border-radius: 99px;
                     margin: auto 10px auto 0;
                   "
-                  class="loader latest-loader bg-gray-700 animate-pulse"
+                  class="wave-quality-loader bg-gray-700 animate-pulse"
                 ></div>
                 <div
                   id="wave-quality"
@@ -105,7 +105,7 @@
                   </div>
                   <div class="flex items-baseline">
                     <div
-                      class="loader latest-loader w-[40px] h-[20px] animate-pulse rounded-xl bg-gray-700"
+                      class="wave-quality-loader w-[40px] h-[20px] animate-pulse rounded-xl bg-gray-700"
                     ></div>
                     <div
                       id="wave-quality-text"