From 88752a984a6b6c8f895f6d2232c9b588cfa19a95 Mon Sep 17 00:00:00 2001
From: idrimi <gerber@byrds.ch>
Date: Mon, 20 Jul 2026 16:31:44 +0200
Subject: [PATCH] add stream album art tu toolbar

---
 .../player-toolbar/player-toolbar.component.html         | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/components/player-toolbar/player-toolbar.component.html b/src/app/components/player-toolbar/player-toolbar.component.html
index 9ceba7a..3f8b9be 100644
--- a/src/app/components/player-toolbar/player-toolbar.component.html
+++ b/src/app/components/player-toolbar/player-toolbar.component.html
@@ -5,10 +5,17 @@
         <ion-item *ngIf="stream.properties.metadata else noMetadata" class="ion-padding-top" lines="none"
           color="primary">
           <ion-thumbnail slot="start">
-            <img [src]="stream.properties.metadata.artData
+            <img *ngIf="stream.properties.metadata.artData else noBase64" [src]="stream.properties.metadata.artData
       ? convertCoverDataBase64(stream.properties.metadata.artData.data, stream.properties.metadata.artData.extension)
       : 'assets/images/cover-fallback.png'" (error)="onCoverImageError($event)" alt="cover image">
           </ion-thumbnail>
+          <ng-template #noBase64>
+            <img *ngIf="stream.properties.metadata.artUrl else noArtUrl" [src]="stream.properties.metadata.artUrl"
+              (error)="onCoverImageError($event)" alt="cover image">
+            <ng-template #noArtUrl>
+              <img [src]="'assets/placeholder/cover_art_placeholder.svg'" alt="Placeholder Image">
+            </ng-template>
+          </ng-template>
           <ion-label *ngIf="stream.properties.metadata">
             <p>{{stream.id}}</p>
             <h2> {{ stream.properties.metadata.title }}</h2>