Add liked songs page

src/app.rs

@@ -5,6 +5,7 @@ use crate::components::queue::Queue;
 use crate::pages::album::*;
 use crate::pages::artist::*;
 use crate::pages::dashboard::*;
+use crate::pages::liked_songs::*;
 use crate::pages::login::*;
 use crate::pages::playlist::*;
 use crate::pages::profile::*;
@@ -75,6 +76,7 @@ pub fn App() -> impl IntoView {
                         <Route path=path!("artist/:id") view=ArtistPage />
                         <Route path=path!("song/:id") view=SongPage />
                         <Route path=path!("playlist/:id") view=PlaylistPage />
+                        <Route path=path!("liked") view=LikedSongsPage />
                     </ParentRoute>
                     <Route path=path!("/login") view=Login />
                     <Route path=path!("/signup") view=Signup />

src/pages/liked_songs.rs

@@ -0,0 +1,38 @@
+use crate::components::error::*;
+use crate::components::loading::*;
+use crate::components::song_list::*;
+use leptos::either::*;
+use leptos::prelude::*;
+
+use crate::api::profile::get_liked_songs;
+
+#[component]
+pub fn LikedSongsPage() -> impl IntoView {
+    let liked_songs = Resource::new(|| (), |_| get_liked_songs());
+
+    view! {
+        <h1 class="text-4xl">"Liked Songs"</h1>
+        <Transition
+            fallback=move || view! { <LoadingPage /> }
+        >
+            {move || liked_songs.get().map(|songs| {
+                match songs {
+                    Ok(songs) => {
+                        Either::Left(view! {
+                            <p class="text-neutral-500">{songs.len()} " liked songs"</p>
+                            <SongList songs />
+                        })
+                    },
+                    Err(e) => {
+                        Either::Right(view! {
+                            <Error<String>
+                                title="Error loading liked songs"
+                                error=e.to_string()
+                            />
+                        })
+                    }
+                }
+            })}
+        </Transition>
+    }
+}

src/pages/mod.rs

@@ -1,6 +1,7 @@
 pub mod album;
 pub mod artist;
 pub mod dashboard;
+pub mod liked_songs;
 pub mod login;
 pub mod playlist;
 pub mod profile;