fix: bugs

src/components/Navbar.vue

@@ -66,14 +66,14 @@
     </nav>
 
     <ContextMenu ref="userProfileMenu">
-      <div class="item" @click="toLogin" v-if="!isLooseLoggedIn">
-        <svg-icon icon-class="login" />
-        {{ $t("login.login") }}
-      </div>
       <div class="item" @click="toSettings">
         <svg-icon icon-class="settings" />
         {{ $t("library.userProfileMenu.settings") }}
       </div>
+      <div class="item" @click="toLogin" v-if="!isLooseLoggedIn">
+        <svg-icon icon-class="login" />
+        {{ $t("login.login") }}
+      </div>
       <div class="item" @click="logout" v-if="isLooseLoggedIn">
         <svg-icon icon-class="logout" />
         {{ $t("library.userProfileMenu.logout") }}

src/components/TrackList.vue

@@ -119,11 +119,8 @@ export default {
   },
   methods: {
     ...mapMutations(["updateLikedSongs", "updateModal"]),
-    ...mapActions(["nextTrack", "playTrackOnListByID", "showToast"]),
+    ...mapActions(["nextTrack", "showToast"]),
     openMenu(e, track) {
-      if (!track.playable) {
-        return;
-      }
       this.rightClickedTrack = track;
       this.$refs.menu.openMenu(e);
     },
@@ -141,7 +138,7 @@ export default {
       } else if (this.dbclickTrackFunc === "none") {
         // do nothing
       } else if (this.dbclickTrackFunc === "playTrackOnListByID") {
-        this.playTrackOnListByID(trackID);
+        this.$store.state.player.playTrackOnListByID(trackID);
       } else if (this.dbclickTrackFunc === "playPlaylistByID") {
         this.$store.state.player.playPlaylistByID(this.id, trackID);
       } else if (this.dbclickTrackFunc === "playAList") {

src/components/TrackListItem.vue

@@ -56,9 +56,7 @@
       <div></div>
     </div>
     <div class="album" v-if="!isTracklist && !isAlbum">
-      <router-link :to="`/album/${track.al.id}`">{{
-        track.al.name
-      }}</router-link>
+      <router-link :to="`/album/${album.id}`">{{ album.name }}</router-link>
       <div></div>
     </div>
     <div class="actions" v-if="!isTracklist">
@@ -66,8 +64,7 @@
         <svg-icon
           icon-class="heart"
           :style="{
-            visibility:
-              focus && !isLiked && track.playable ? 'visible' : 'hidden',
+            visibility: focus && !isLiked ? 'visible' : 'hidden',
           }"
         ></svg-icon>
         <svg-icon icon-class="heart-solid" v-show="isLiked"></svg-icon>
@@ -111,6 +108,9 @@ export default {
       if (this.track.artists !== undefined) return this.track.artists;
       return [];
     },
+    album() {
+      return this.track.album || this.track.al;
+    },
     type() {
       return this.$parent.type;
     },