From 75952ffda80af42ecaa786a9a85b401dbe539b96 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Mon, 25 Dec 2023 17:05:02 -0800
Subject: fix(wrapped): null check all of genres tags

---
 src/lib/Tools/Wrapped.svelte | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

(limited to 'src/lib/Tools')

diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte
index fe7545ba..9934aeb2 100644
--- a/src/lib/Tools/Wrapped.svelte
+++ b/src/lib/Tools/Wrapped.svelte
@@ -510,11 +510,11 @@
 						{/if}
 					</div>
 				{/if}
-				{#if topGenresTags}
+				{#if topMedia && topGenresTags && ((topMedia.topGenreMedia && topMedia.genres.length > 0) || (topMedia.topTagMedia && topMedia.tags.length > 0))}
 					<div class="categories-grid" style="padding-top: 0;">
-						<div class="category-grid pure-category category">
-							<div class="grid-item image-grid">
-								{#if topMedia}
+						{#if topMedia.topGenreMedia && topMedia.genres.length > 0}
+							<div class="category-grid pure-category category">
+								<div class="grid-item image-grid">
 									<a
 										href={`https://anilist.co/${topMedia.topGenreMedia.type.toLowerCase()}/${
 											topMedia.topGenreMedia.id
@@ -543,14 +543,12 @@
 											{/each}
 										</ol>
 									</div>
-								{:else}
-									{@html nbsp('Loading top genres ...')}
-								{/if}
+								</div>
 							</div>
-						</div>
-						<div class="category-grid pure-category category">
-							<div class="grid-item image-grid">
-								{#if topMedia}
+						{/if}
+						{#if topMedia.topTagMedia && topMedia.tags.length > 0}
+							<div class="category-grid pure-category category">
+								<div class="grid-item image-grid">
 									<a
 										href={`https://anilist.co/${topMedia.topTagMedia.type.toLowerCase()}/${
 											topMedia.topTagMedia.id
@@ -579,11 +577,9 @@
 											{/each}
 										</ol>
 									</div>
-								{:else}
-									{@html nbsp('Loading top tags ...')}
-								{/if}
+								</div>
 							</div>
-						</div>
+						{/if}
 					</div>
 				{/if}
 				{#if !disableActivityHistory}
-- 
cgit v1.2.3