From 14d32899a91a7cc062c1b42b6482cca4a2a90c81 Mon Sep 17 00:00:00 2001
From: Christian Bager Bach Houmann <christian@bagerbach.com>
Date: Mon, 24 Nov 2025 07:12:31 +0100
Subject: [PATCH] Add toggle for episode thumbnails

---
 src/ui/PodcastView/EpisodeList.svelte | 7 +++++++
 src/ui/PodcastView/PodcastView.svelte | 7 ++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/ui/PodcastView/EpisodeList.svelte b/src/ui/PodcastView/EpisodeList.svelte
index 3fa73129..95627d07 100644
--- a/src/ui/PodcastView/EpisodeList.svelte
+++ b/src/ui/PodcastView/EpisodeList.svelte
@@ -54,6 +54,13 @@
 				pressed={hidePlayedEpisodes}
 				on:click={() => (hidePlayedEpisodes = !hidePlayedEpisodes)}
 			/>
+			<Icon
+				icon={showThumbnails ? "image" : "image-off"}
+				size={25}
+				label={showThumbnails ? "Hide thumbnails" : "Show thumbnails"}
+				pressed={showThumbnails}
+				on:click={() => (showThumbnails = !showThumbnails)}
+			/>
 			<Icon
 				icon="refresh-cw"
 				size={25}
diff --git a/src/ui/PodcastView/PodcastView.svelte b/src/ui/PodcastView/PodcastView.svelte
index 64c1c22f..8686a5ec 100644
--- a/src/ui/PodcastView/PodcastView.svelte
+++ b/src/ui/PodcastView/PodcastView.svelte
@@ -39,6 +39,7 @@ import { get } from "svelte/store";
 	let displayedEpisodes: Episode[] = [];
 	let displayedPlaylists: Playlist[] = [];
 	let latestEpisodes: Episode[] = [];
+	let showEpisodeThumbnails = false;
 
 onMount(() => {
 	const unsubscribePlaylists = playlists.subscribe((pl) => {
@@ -146,6 +147,7 @@ onMount(() => {
 		displayedEpisodes = [];
 
 		selectedFeed = feed;
+		showEpisodeThumbnails = false;
 		displayedEpisodes = await fetchEpisodes(feed);
 		viewState.set(ViewState.EpisodeList);
 	}
@@ -196,6 +198,7 @@ onMount(() => {
 			viewState.set(ViewState.Player);
 		} else {
 			selectedPlaylist = playlist;
+			showEpisodeThumbnails = false;
 			displayedEpisodes = playlist.episodes;
 
 			viewState.set(ViewState.EpisodeList);
@@ -215,7 +218,7 @@ onMount(() => {
 	{:else if $viewState === ViewState.EpisodeList}
 		<EpisodeList
 			episodes={displayedEpisodes}
-			showThumbnails={!selectedFeed || !selectedPlaylist}
+			bind:showThumbnails={showEpisodeThumbnails}
 			on:clickEpisode={handleClickEpisode}
 			on:contextMenuEpisode={handleContextMenuEpisode}
 			on:clickRefresh={handleClickRefresh}
@@ -229,6 +232,7 @@ onMount(() => {
 						on:click={() => {
 							selectedFeed = null;
 							displayedEpisodes = latestEpisodes;
+							showEpisodeThumbnails = false;
 							viewState.set(ViewState.EpisodeList);
 						}}
 					>
@@ -253,6 +257,7 @@ onMount(() => {
 						on:click={() => {
 							selectedPlaylist = null;
 							displayedEpisodes = latestEpisodes;
+							showEpisodeThumbnails = false;
 							viewState.set(ViewState.EpisodeList);
 						}}
 					>