From b4bc605943e1b67e3d0922b9ae2edaf2d00591c7 Mon Sep 17 00:00:00 2001
From: Daniel Miller <daniel@matv.io>
Date: Wed, 11 Dec 2024 04:23:24 +0000
Subject: [PATCH] Added basic song page structure and corresponding css file

---
 src/pages/songpage.rs | 32 ++++++++++++++++++++++++++++++++
 style/song.scss       |  0
 2 files changed, 32 insertions(+)
 create mode 100644 src/pages/songpage.rs
 create mode 100644 style/song.scss

diff --git a/src/pages/songpage.rs b/src/pages/songpage.rs
new file mode 100644
index 0000000..516f998
--- /dev/null
+++ b/src/pages/songpage.rs
@@ -0,0 +1,32 @@
+#[component]
+pub fn SongPage() -> impl IntoView {
+    let params = use_params_map();
+
+    view! {
+        <div class="song-container home-component">
+            {move || params.with(|params| {
+                match params.get("id").map(|id| id.parse::<i32>()) {
+                    Some(Ok(id)) => {
+                        view! { <SongDetails id /> }.into_view()
+                    },
+                    Some(Err(e)) => {
+                        view! {
+                            <Error<String>
+                                title="Invalid Song ID"
+                                error=e.to_string()
+                            />
+                        }.into_view()
+                    },
+                    None => {
+                        view! {
+                            <Error<String>
+                                title="No Song ID"
+                                message="You must specify a song ID to view its page."
+                            />
+                        }.into_view()
+                    }
+                }
+            })}
+        </div>
+    }
+}
diff --git a/style/song.scss b/style/song.scss
new file mode 100644
index 0000000..e69de29