From 3ff613471283683c791243f3ac776986282a7866 Mon Sep 17 00:00:00 2001
From: Xoconoch <github@cordovault.com>
Date: Sat, 30 Aug 2025 07:27:13 -0600
Subject: [PATCH] fix: artist images

---
 spotizerr-ui/src/routes/artist.tsx    |  2 +-
 spotizerr-ui/src/routes/watchlist.tsx |  2 +-
 spotizerr-ui/src/types/librespot.ts   | 11 ++++++++---
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/spotizerr-ui/src/routes/artist.tsx b/spotizerr-ui/src/routes/artist.tsx
index 3dc3aa3..50d2723 100644
--- a/spotizerr-ui/src/routes/artist.tsx
+++ b/spotizerr-ui/src/routes/artist.tsx
@@ -93,7 +93,7 @@ export const Artist = () => {
           setArtist(data);
 
           // Lazy-load banner image after render
-          const allImages = [...(data.portrait_group ?? []), ...(data.biography?.portrait_group ?? [])];
+          const allImages = [...(data.portrait_group.image ?? []), ...(data.biography?.[0].portrait_group.image ?? [])];
           const candidateBanner = allImages
             .filter(img => img && typeof img === 'object' && 'url' in img)
             .sort((a, b) => (b.width ?? 0) - (a.width ?? 0))[0]?.url || "/placeholder.jpg";
diff --git a/spotizerr-ui/src/routes/watchlist.tsx b/spotizerr-ui/src/routes/watchlist.tsx
index 4cede24..50cd881 100644
--- a/spotizerr-ui/src/routes/watchlist.tsx
+++ b/spotizerr-ui/src/routes/watchlist.tsx
@@ -176,7 +176,7 @@ export const Watchlist = () => {
               <img
                 src={
                   item.itemType === "artist"
-                    ? (item as WatchedArtist).portrait_group[0]?.url || "/images/placeholder.jpg"
+                    ? (item as WatchedArtist).portrait_group.image[0].url || "/images/placeholder.jpg"
                     : (item as WatchedPlaylist).picture || "/images/placeholder.jpg"
                 }
                 alt={item.name}
diff --git a/spotizerr-ui/src/types/librespot.ts b/spotizerr-ui/src/types/librespot.ts
index b94f299..56a9040 100644
--- a/spotizerr-ui/src/types/librespot.ts
+++ b/spotizerr-ui/src/types/librespot.ts
@@ -20,21 +20,26 @@ export interface LibrespotArtistStub {
 
 export interface LibrespotBiographyType {
   text: string;
-  portrait_group: LibrespotImage[];
+  portrait_group: LibrespotArtistImageType;
 }
 
 export interface LibrespotTopTrackType {
   country: string;
   track: string[];
 }
+
+export interface LibrespotArtistImageType {
+  image: LibrespotImage[];
+}
+
 // Full artist object (get_artist)
 export interface LibrespotArtistType {
   id: string;
   name: string;
   top_track: LibrespotTopTrackType[];
-  portrait_group: LibrespotImage[];
+  portrait_group: LibrespotArtistImageType;
   popularity: number;
-  biography: LibrespotBiographyType;
+  biography?: LibrespotBiographyType[];
   album_group?: string[];
   single_group?: string[];
   compilation_group?: string[];