From 409f1b4a05fccd0bc5750d8af155d9c3b03fd13f Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Tue, 16 Jan 2024 02:23:34 -0800
Subject: refactor(settings): rename thumbnail mode to cover

---
 src/lib/List/Anime/CleanAnimeList.svelte   | 2 +-
 src/lib/Media/Anime/Airing/time.ts         | 4 ++--
 src/lib/Settings/Categories/Display.svelte | 5 ++++-
 src/stores/settings.ts                     | 4 ++--
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index 6daba5f3..2fcde757 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -66,7 +66,7 @@
 	</ul>
 {/if}
 
-{#if $settings.displayThumbnailMode}
+{#if $settings.displayCoverMode}
 	<div id="covers">
 		{#each media as anime}
 			{@const progress = (anime.mediaListEntry || { progress: 0 }).progress}
diff --git a/src/lib/Media/Anime/Airing/time.ts b/src/lib/Media/Anime/Airing/time.ts
index 0f24ccc4..f18e7fe0 100644
--- a/src/lib/Media/Anime/Airing/time.ts
+++ b/src/lib/Media/Anime/Airing/time.ts
@@ -72,13 +72,13 @@ export const airingTime = (
 			}" style="opacity: ${opacity}%;">${anime.nextAiringEpisode?.episode}${totalEpisodes(
 				anime
 			)} in ${timeFrame} <span style="opacity: 50%">${
-				few && get(settings).displayThumbnailMode ? '<br>' : ''
+				few && get(settings).displayCoverMode ? '<br>' : ''
 			}${few ? `(${time})` : ''}</span></span>`;
 		else
 			return `<span title="${
 				hours ? `${hours.toFixed(3)} hours` : ''
 			}" style="opacity: ${opacity}%;">${anime.nextAiringEpisode?.episode} in ${
-				few && get(settings).displayThumbnailMode ? '<br>' : ''
+				few && get(settings).displayCoverMode ? '<br>' : ''
 			}${few ? '<b>' : ''}${timeFrame}${few ? '</b>' : ''} ${few ? `(${time})` : ''}</span>`;
 	}
 
diff --git a/src/lib/Settings/Categories/Display.svelte b/src/lib/Settings/Categories/Display.svelte
index 55661787..d09cdcbf 100644
--- a/src/lib/Settings/Categories/Display.svelte
+++ b/src/lib/Settings/Categories/Display.svelte
@@ -96,7 +96,10 @@
 	setting="displayHoverCover"
 	text="Show media cover when hovering on supported media titles"
 />
-<SettingCheckboxToggle setting="displayThumbnailMode" text="Show anime lists with thumbnails" />
+<SettingCheckboxToggle
+	setting="displayCoverMode"
+	text="Show anime lists with media covers instead of text"
+/>
 <SettingCheckboxToggle setting="displaySocialButton" text="Show social tab shortcut for media" />
 <select bind:value={$settings.displayTitleFormat}>
 	<option value="english">English</option>
diff --git a/src/stores/settings.ts b/src/stores/settings.ts
index 8d03dfb0..8a6f5e03 100644
--- a/src/stores/settings.ts
+++ b/src/stores/settings.ts
@@ -32,7 +32,7 @@ export interface Settings {
 	displayHoverCover: boolean;
 	displayDisableAnimations: boolean;
 	displayDisableNotifications: boolean;
-	displayThumbnailMode: boolean;
+	displayCoverMode: boolean;
 }
 
 const defaultSettings: Settings = {
@@ -61,7 +61,7 @@ const defaultSettings: Settings = {
 	displayHoverCover: false,
 	displayDisableAnimations: false,
 	displayDisableNotifications: false,
-	displayThumbnailMode: false,
+	displayCoverMode: false,
 
 	// Calculation
 	calculateChaptersRoundedDown: true,
-- 
cgit v1.2.3