[O] Make unclickable when no data is available

This commit is contained in:
Azalea
2024-03-15 01:33:07 -04:00
parent 7669f7d9a0
commit 29566a6c93

View File

@@ -134,16 +134,21 @@
</div> </div>
</div> </div>
<div class="info-bottom clickable" use:tooltip={t("UserHome.ShowRanksDetails")} {#if Object.entries(d.user.detailedRanks).length > 0}
on:click={() => showDetailRank = !showDetailRank} role="button" tabindex="0" <div class="info-bottom clickable" use:tooltip={t("UserHome.ShowRanksDetails")}
on:keydown={e => e.key === "Enter" && (showDetailRank = !showDetailRank)}> on:click={() => showDetailRank = !showDetailRank} role="button" tabindex="0"
{#each d.user.ranks as r} on:keydown={e => e.key === "Enter" && (showDetailRank = !showDetailRank)}>
<div> {#each d.user.ranks as r}
<span>{r.name}</span> <div><span>{r.name}</span><span>{r.count}</span></div>
<span>{r.count}</span> {/each}
</div> </div>
{/each} {:else}
</div> <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>
<div class="other-info"> <div class="other-info">