fix play from album (agaiiiiin!)

src/components/ArtistView/TopTracks.vue

@@ -3,7 +3,6 @@
     <h3 class="section-title">
       {{ title }}
       <span class="see-all">
-
         <RouterLink :to="route">SEE ALL</RouterLink>
       </span>
     </h3>
@@ -48,6 +47,7 @@ defineProps<{
   h3 {
     display: flex;
     justify-content: space-between;
+    padding-left: 1rem !important; // applies to favorite page
   }
 
   .see-all {

src/components/nav/NavBar.vue

@@ -16,6 +16,7 @@
           v-if="$route.name == Routes.artistDiscography"
         />
         <ArtistTracksTitle v-if="$route.name == Routes.artistTracks" />
+        <FavoritesNav v-if="$route.name === Routes.favorites" />
       </div>
     </div>
   </div>
@@ -38,6 +39,7 @@ import SearchTitle from "./Titles/SearchTitle.vue";
 import SettingsTitle from "./Titles/SettingsTitle.vue";
 import ArtistDiscographyTitle from "./Titles/ArtistDiscographyTitle.vue";
 import ArtistTracksTitle from "./Titles/ArtistTracksTitle.vue";
+import FavoritesNav from "./Titles/FavoritesNav.vue";
 
 const route = useRoute();
 

src/components/nav/Titles/FavoritesNav.vue

@@ -0,0 +1,3 @@
+<template>
+  <h2 style="margin: 0">Favorites</h2>
+</template>

src/components/shared/SongItem.vue

@@ -14,7 +14,7 @@
         {{ index }}
       </div>
       <div class="heart-icon">
-        <HeartFillSvg v-if="is_fav" />
+        <HeartFillSvg v-if="props.track.is_favorite" />
         <HeartSvg v-else />
       </div>
     </div>
@@ -120,10 +120,16 @@ function isCurrentPlaying() {
   return isCurrent() && queue.playing;
 }
 
-const is_fav = ref(props.track.is_favorite);
+// const is_fav = ref(props.track.is_favorite);
 
 function addToFav(trackhash: string) {
-  favoriteHandler(is_fav, favType.track, trackhash);
+  favoriteHandler(
+    props.track.is_favorite,
+    favType.track,
+    trackhash,
+    () => (props.track.is_favorite = true),
+    () => (props.track.is_favorite = false)
+  );
 }
 </script>