fix play from album (agaiiiiin!)

src/views/AlbumView/index.vue

@@ -118,7 +118,7 @@ const scrollerItems = computed(() => {
 
 function playFromAlbum(index: number) {
   const { title, albumartists, albumhash } = album.info;
-  queue.playFromAlbum(title, albumhash, album.allTracks);
+  queue.playFromAlbum(title, albumhash, album.srcTracks);
   queue.play(index);
 }
 

src/views/ArtistView/Main.vue

@@ -180,5 +180,9 @@ onBeforeRouteLeave(async () => {
     margin: 1rem;
     padding-left: 1rem;
   }
+
+  .see-all {
+    opacity: 0.75;
+  }
 }
 </style>

src/views/Favorites.vue

@@ -1,30 +1,24 @@
 <template>
   <div class="content-page favorites-page">
-    <div class="header">
-      <div class="tracks">Tracks</div>
-      <div class="albums">Albums</div>
-      <div class="artists">Artists</div>
-      <div class="folders">Folders</div>
+    <div class="fav-albums" v-if="favAlbums.length">
+      <ArtistAlbums
+        :albums="favAlbums"
+        :albumType="discographyAlbumTypes.albums"
+        :title="'Albums 💜'"
+        :route="'some'"
+      />
     </div>
-    <div class="fav-tracks">
+    <div class="fav-tracks" v-if="favTracks.length">
       <TopTracks
         :tracks="favTracks"
         :route="'/home'"
-        :title="'Favorite tracks'"
+        :title="'Tracks 💛'"
         :playHandler="handlePlay"
       />
     </div>
 
-    <div class="fav-albums">
-      <ArtistAlbums
-        :albums="favAlbums"
-        :albumType="discographyAlbumTypes.albums"
-        :title="'Favorite albums'"
-        :route="'some'"
-      />
-    </div>
-    <div class="fav-artists">
-      <FeaturedArtists :artists="favArtists" :title="'Favorite artists'" />
+    <div class="fav-artists" v-if="favArtists.length">
+      <FeaturedArtists :artists="favArtists" :title="'Artists 💚'" />
     </div>
   </div>
 </template>
@@ -60,8 +54,6 @@ onMounted(() => {
 });
 
 async function handlePlay(index: number) {
-  console.log(index);
-
   const tracks = await getFavTracks(0);
   queue.playFromFav(tracks);
   queue.play(index);
@@ -69,69 +61,37 @@ async function handlePlay(index: number) {
 </script>
 
 <style lang="scss">
-$tracksbg: rgb(55, 74, 243);
-$albumsbg: rgb(255, 123, 0);
-$artistsbg: rgb(0, 255, 21);
-
 .favorites-page {
   height: 100%;
   overflow: scroll;
   padding-bottom: 4rem;
 
-  .header > * {
-    padding: 1rem;
-    display: grid;
-    place-content: center;
-    border-radius: $small;
-    font-weight: bold;
-    width: 10rem;
+  h3 {
+    margin-top: 0;
   }
 
-  .header {
-    width: 100%;
-    display: flex;
-    gap: 1rem;
-
-    .albums {
-      background: $orange;
-    }
-
-    .tracks {
-      background-color: $pink;
-    }
-
-    .artists {
-      background-color: $blue;
-    }
-
-    .folders {
-      background-color: $gray2;
-    }
+  .see-all {
+    opacity: 0.75;
   }
 
   .fav-tracks {
-    h3 {
-      padding-left: 2rem;
-      display: flex;
-      justify-content: space-between;
+    margin-bottom: 2rem;
 
-      .see-all {
-        font-size: $medium;
-      }
+    h3 {
+      margin-top: 0;
+    }
+
+    .artist-top-tracks {
+      margin-top: 0;
     }
-    margin: 1rem 0;
   }
 
   .fav-albums {
-    // margin-top: 3rem;
     .album-list {
       display: grid;
       grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
     }
-  }
-
-  .fav-artists {
-    margin-top: 3rem;
+    margin-bottom: 2rem;
   }
 }
 </style>