From 29566a6c933615a5eef18f0337e00b5ea62e2873 Mon Sep 17 00:00:00 2001
From: Azalea <22280294+hykilpikonna@users.noreply.github.com>
Date: Fri, 15 Mar 2024 01:33:07 -0400
Subject: [PATCH] [O] Make unclickable when no data is available

---
 AquaNet/src/pages/UserHome.svelte | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/AquaNet/src/pages/UserHome.svelte b/AquaNet/src/pages/UserHome.svelte
index 7495d720..1ac69a7a 100644
--- a/AquaNet/src/pages/UserHome.svelte
+++ b/AquaNet/src/pages/UserHome.svelte
@@ -134,16 +134,21 @@
             </div>
           </div>
 
-          <div class="info-bottom clickable" use:tooltip={t("UserHome.ShowRanksDetails")}
-               on:click={() => showDetailRank = !showDetailRank} role="button" tabindex="0"
-               on:keydown={e => e.key === "Enter" && (showDetailRank = !showDetailRank)}>
-            {#each d.user.ranks as r}
-              <div>
-                <span>{r.name}</span>
-                <span>{r.count}</span>
-              </div>
-            {/each}
-          </div>
+          {#if Object.entries(d.user.detailedRanks).length > 0}
+            <div class="info-bottom clickable" use:tooltip={t("UserHome.ShowRanksDetails")}
+                 on:click={() => showDetailRank = !showDetailRank} role="button" tabindex="0"
+                 on:keydown={e => e.key === "Enter" && (showDetailRank = !showDetailRank)}>
+              {#each d.user.ranks as r}
+                <div><span>{r.name}</span><span>{r.count}</span></div>
+              {/each}
+            </div>
+          {:else}
+            <div class="info-bottom">
+              {#each d.user.ranks as r}
+                <div><span>{r.name}</span><span>{r.count}</span></div>
+              {/each}
+            </div>
+          {/if}
         </div>
 
         <div class="other-info">