From 18dea0c882b686ed7a1cc42a216595a35a02b154 Mon Sep 17 00:00:00 2001
From: ellawaal <ellawaal@icloud.com>
Date: Sat, 12 Sep 2026 17:15:23 +0200
Subject: [PATCH] =?UTF-8?q?H=C3=A5ndtert=20loading-=20og=20error-state=20f?=
 =?UTF-8?q?or=20sangtekst?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SongCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/SongCard.tsx b/src/components/SongCard.tsx
index d2b2d01..2db4850 100644
--- a/src/components/SongCard.tsx
+++ b/src/components/SongCard.tsx
@@ -7,7 +7,7 @@ type SongCardProps = {
 
 export function SongCard({ song }: SongCardProps) {
 
-  const { data } = useLyrics(song.artist, song.title)
+  const { data, isLoading, error } = useLyrics(song.artist, song.title)
   
   return (
     <article>
@@ -16,7 +16,7 @@ export function SongCard({ song }: SongCardProps) {
       <p>{song.album}</p>
 
       <div>
-        <p>{data?.lyrics}</p>
+        <p>{isLoading ? 'Laster…' : error || data?.error ? 'Fant ingen sangtekst for denne sangen' : data?.lyrics}</p>
       </div>
 
       <div>