From 84371bb586c573bf13b209a3871450a3d667fb0e Mon Sep 17 00:00:00 2001
From: Daniel Miller <daniel@matv.io>
Date: Wed, 11 Dec 2024 04:37:51 +0000
Subject: [PATCH] Added song overview component for the song's metadata

---
 src/pages/songpage.rs | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/pages/songpage.rs b/src/pages/songpage.rs
index 9a584dc..13e6fc5 100644
--- a/src/pages/songpage.rs
+++ b/src/pages/songpage.rs
@@ -78,3 +78,15 @@ fn SongDetails(#[prop(into)] id: MaybeSignal<i32>) -> impl IntoView {
         </Transition>
     }
 }
+
+#[component]
+fn SongOverview(song: Song) -> impl IntoView {
+    view! {
+        <div class="song-header">
+            <h1>{song.title}</h1>
+            <p>{format!("Artist: {}", song.artist)}</p>
+            <p>{format!("Album: {}", song.album.unwrap_or_else(|| "Unknown".to_string()))}</p>
+            <p>{format!("Duration: {}", song.duration)}</p>
+        </div>
+    }
+}