From 9644203cc0b1c535d1d4917336eb1fe972ad10b3 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Mon, 25 Dec 2023 16:28:39 -0800
Subject: fix(wrapped): move panel length filter up

---
 src/lib/Tools/Wrapped.svelte | 88 +++++++++++++++++++++-----------------------
 1 file changed, 42 insertions(+), 46 deletions(-)

(limited to 'src/lib/Tools/Wrapped.svelte')

diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte
index ac41a72e..fe7545ba 100644
--- a/src/lib/Tools/Wrapped.svelte
+++ b/src/lib/Tools/Wrapped.svelte
@@ -456,59 +456,55 @@
 				</div>
 				{#if animeList !== undefined || mangaList !== undefined}
 					<div class="categories-grid">
-						{#if animeList !== undefined}
+						{#if animeList !== undefined && animeList.length !== 0}
 							<div class="category-grid pure-category category middle-category">
 								<div class="grid-item image-grid">
-									{#if animeList.length !== 0}
-										<a href={`https://anilist.co/anime/${animeList[0].id}`} target="_blank">
-											<img
-												src={proxy(animeList[0].coverImage.extraLarge)}
-												alt="Highest Rated Anime Cover"
-												class="cover-image"
-												on:load={updateWidth}
-											/>
-										</a>
-										<div>
-											<b>Highest Rated Anime</b>
-											<ol>
-												{#each animeList?.slice(0, highestRatedCount) as anime}
-													<li>
-														<a href={`https://anilist.co/anime/${anime.id}`} target="_blank">
-															{anime.title.english || anime.title.romaji || anime.title.native}
-														</a>
-													</li>
-												{/each}
-											</ol>
-										</div>
-									{/if}
+									<a href={`https://anilist.co/anime/${animeList[0].id}`} target="_blank">
+										<img
+											src={proxy(animeList[0].coverImage.extraLarge)}
+											alt="Highest Rated Anime Cover"
+											class="cover-image"
+											on:load={updateWidth}
+										/>
+									</a>
+									<div>
+										<b>Highest Rated Anime</b>
+										<ol>
+											{#each animeList?.slice(0, highestRatedCount) as anime}
+												<li>
+													<a href={`https://anilist.co/anime/${anime.id}`} target="_blank">
+														{anime.title.english || anime.title.romaji || anime.title.native}
+													</a>
+												</li>
+											{/each}
+										</ol>
+									</div>
 								</div>
 							</div>
 						{/if}
-						{#if mangaList !== undefined}
+						{#if mangaList !== undefined && mangaList.length !== 0}
 							<div class="category-grid pure-category category middle-category">
 								<div class="grid-item image-grid">
-									{#if mangaList.length !== 0}
-										<a href={`https://anilist.co/manga/${mangaList[0].id}`} target="_blank">
-											<img
-												src={proxy(mangaList[0].coverImage.extraLarge)}
-												alt="Highest Rated Manga Cover"
-												class="cover-image"
-												on:load={updateWidth}
-											/>
-										</a>
-										<div>
-											<b>Highest Rated Manga</b>
-											<ol>
-												{#each mangaList?.slice(0, highestRatedCount) as manga}
-													<li>
-														<a href={`https://anilist.co/manga/${manga.id}`} target="_blank">
-															{manga.title.english || manga.title.romaji || manga.title.native}
-														</a>
-													</li>
-												{/each}
-											</ol>
-										</div>
-									{/if}
+									<a href={`https://anilist.co/manga/${mangaList[0].id}`} target="_blank">
+										<img
+											src={proxy(mangaList[0].coverImage.extraLarge)}
+											alt="Highest Rated Manga Cover"
+											class="cover-image"
+											on:load={updateWidth}
+										/>
+									</a>
+									<div>
+										<b>Highest Rated Manga</b>
+										<ol>
+											{#each mangaList?.slice(0, highestRatedCount) as manga}
+												<li>
+													<a href={`https://anilist.co/manga/${manga.id}`} target="_blank">
+														{manga.title.english || manga.title.romaji || manga.title.native}
+													</a>
+												</li>
+											{/each}
+										</ol>
+									</div>
 								</div>
 							</div>
 						{/if}
-- 
cgit v1.2.3