From 67a2281b9d7a59ad6cf36092f4237254caf8a353 Mon Sep 17 00:00:00 2001
From: deeplydrumming <no@no.it>
Date: Wed, 7 Aug 2024 18:25:07 +0100
Subject: [PATCH] fix for empty playlists and changes in About and Settings

---
 deemix/deemix/plugins/spotify.js        | 3 ++-
 webui/src/components/pages/About.vue    | 8 +++++---
 webui/src/components/pages/Home.vue     | 2 +-
 webui/src/components/pages/Settings.vue | 2 +-
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/deemix/deemix/plugins/spotify.js b/deemix/deemix/plugins/spotify.js
index 86e53e8..2fe4412 100644
--- a/deemix/deemix/plugins/spotify.js
+++ b/deemix/deemix/plugins/spotify.js
@@ -312,7 +312,8 @@ class Spotify extends Plugin {
 
   _convertPlaylistStructure (spotifyPlaylist) {
     let cover = null
-    if (spotifyPlaylist.images.length) cover = spotifyPlaylist.images[0].url
+    // Mickey: some playlists can be faulty, for example https://open.spotify.com/playlist/7vyEjAGrXOIjqlC8pZRupW
+    if (spotifyPlaylist?.images?.length) cover = spotifyPlaylist.images[0].url
 
     const deezerPlaylist = {
       checksum: spotifyPlaylist.snapshot_id,
diff --git a/webui/src/components/pages/About.vue b/webui/src/components/pages/About.vue
index df95b8d..54bb4a8 100644
--- a/webui/src/components/pages/About.vue
+++ b/webui/src/components/pages/About.vue
@@ -37,11 +37,13 @@
 
 		<h2>Changelog</h2>
 		<ul class="no-dots" style="font-size: 15px;">
-			<h3>06/08/2024</h3>
+			<h3>07/08/2024</h3>
 			- Restored "Spotify Username" field in Settings, Other, Spotify features.<br>
-			- New feature! Added the possibility to insert a list of spotify users instead, separated by commas or spaces.<br>
+			- Fix for crash when fetching empty Spotify Playlists or without thumbnail image.<br>
+			- New feature! Added the possibility to insert a list of spotify users instead, separated by commas or spaces.<br><br>
 			How it works:<br>
-			All the public playlists by the listed users will be displayed in the Favorites section. A user ID is the part that comes after 'https://open.spotify.com/user/' and can be a set of alphanumeric characters or a profile name. You can also insert your own Spotify username as before.<br>
+			Add a list of comma or space separated Spotify user IDs to "follow".<br>
+			All the public playlists by the listed users will be displayed in the Favorites section. A user ID is the part that comes after 'https://open.spotify.com/user/' and can be a set of alphanumeric characters or a profile name, especially for record labels. You can also insert your own Spotify username ID as before.<br>
 			<br>
 			<h3>02/08/2024</h3>
 			- Removed outdated linters and formatters<br>
diff --git a/webui/src/components/pages/Home.vue b/webui/src/components/pages/Home.vue
index 94c095b..55f1b0e 100644
--- a/webui/src/components/pages/Home.vue
+++ b/webui/src/components/pages/Home.vue
@@ -1,7 +1,7 @@
 <template>
 	<div id="home_tab">
 		<h1 class="mb-8 text-5xl">{{ $t('globals.welcome') }}</h1>
-		Version published 06/08/2024, see About section for changelog.
+		Version published 07/08/2024, see About section for changelog.
 		<section v-if="!isLoggedIn" ref="notLogged" class="py-6 border-0 border-t border-solid border-grayscale-500">
 			<p id="home_not_logged_text" class="mb-4">{{ $t('home.needTologin') }}</p>
 			<router-link custom v-slot="{ navigate }" class="btn btn-primary" name="button" :to="{ name: 'Settings' }">
diff --git a/webui/src/components/pages/Settings.vue b/webui/src/components/pages/Settings.vue
index 68e1c8d..11944f3 100644
--- a/webui/src/components/pages/Settings.vue
+++ b/webui/src/components/pages/Settings.vue
@@ -717,7 +717,7 @@
 					<p style="font-size: 13px; font-style: italic;">Tip: you can insert here a list of Spotify Users IDs,
 						separated by comma or space. All the public
 						playlists by these users will be displayed in the Favorites section. A user ID is the part that comes after
-						'https://open.spotify.com/user/' and can be a set of alphanumeric characters or a profile name.<br>You can also insert your own Spotify username as before.</p>
+						'https://open.spotify.com/user/' and can be a set of alphanumeric characters or a profile name.<br>You can also insert your own Spotify user ID as before.</p>
 					<input v-model="spotifyUser" type="text" />
 				</div>
 				<br>