From b8321cef56d63f4e5a9fc31ba77026d4d0efe6ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=B6rdle=20Bot?= <bot@hoerdle.local>
Date: Sun, 23 Nov 2025 14:43:35 +0100
Subject: [PATCH] Show favicon as fallback when cover image is missing

---
 components/Game.tsx | 24 ++++++++++--------------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/components/Game.tsx b/components/Game.tsx
index cbc2dca..f49280b 100644
--- a/components/Game.tsx
+++ b/components/Game.tsx
@@ -282,13 +282,11 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
 
                         {/* Song Details */}
                         <div style={{ margin: '1.5rem 0', padding: '1rem', background: 'rgba(255,255,255,0.5)', borderRadius: '0.5rem', display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
-                            {dailyPuzzle.coverImage && (
-                                <img
-                                    src={dailyPuzzle.coverImage}
-                                    alt="Album Cover"
-                                    style={{ width: '150px', height: '150px', objectFit: 'cover', borderRadius: '0.5rem', marginBottom: '1rem', boxShadow: '0 4px 6px rgba(0,0,0,0.1)' }}
-                                />
-                            )}
+                            <img
+                                src={dailyPuzzle.coverImage || '/favicon.ico'}
+                                alt="Album Cover"
+                                style={{ width: '150px', height: '150px', objectFit: 'cover', borderRadius: '0.5rem', marginBottom: '1rem', boxShadow: '0 4px 6px rgba(0,0,0,0.1)' }}
+                            />
                             <h3 style={{ fontSize: '1.125rem', fontWeight: 'bold', margin: '0 0 0.5rem 0' }}>{dailyPuzzle.title}</h3>
                             <p style={{ fontSize: '0.875rem', color: '#666', margin: '0 0 1rem 0' }}>{dailyPuzzle.artist}</p>
                             <audio controls style={{ width: '100%' }}>
@@ -316,13 +314,11 @@ export default function Game({ dailyPuzzle, genre = null, isSpecial = false, max
 
                         {/* Song Details */}
                         <div style={{ margin: '1.5rem 0', padding: '1rem', background: 'rgba(255,255,255,0.5)', borderRadius: '0.5rem', display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
-                            {dailyPuzzle.coverImage && (
-                                <img
-                                    src={dailyPuzzle.coverImage}
-                                    alt="Album Cover"
-                                    style={{ width: '150px', height: '150px', objectFit: 'cover', borderRadius: '0.5rem', marginBottom: '1rem', boxShadow: '0 4px 6px rgba(0,0,0,0.1)' }}
-                                />
-                            )}
+                            <img
+                                src={dailyPuzzle.coverImage || '/favicon.ico'}
+                                alt="Album Cover"
+                                style={{ width: '150px', height: '150px', objectFit: 'cover', borderRadius: '0.5rem', marginBottom: '1rem', boxShadow: '0 4px 6px rgba(0,0,0,0.1)' }}
+                            />
                             <h3 style={{ fontSize: '1.125rem', fontWeight: 'bold', margin: '0 0 0.5rem 0' }}>{dailyPuzzle.title}</h3>
                             <p style={{ fontSize: '0.875rem', color: '#666', margin: '0 0 1rem 0' }}>{dailyPuzzle.artist}</p>
                             <audio controls style={{ width: '100%' }}>