Fix:Close playback when logging out

components/app/Appbar.vue

@@ -18,8 +18,8 @@
       <widgets-download-progress-indicator />
 
       <!-- Must be connected to a server to cast, only supports media items on server -->
-      <div v-show="isCastAvailable && user" class="mx-2 cursor-pointer">
-        <span class="material-icons" :class="isCasting ? 'text-success' : ''" style="font-size: 1.75rem" @click="castClick">cast</span>
+      <div v-show="isCastAvailable && user" class="mx-2 cursor-pointer mt-1">
+        <span class="material-icons" :class="isCasting ? 'text-success' : ''" style="font-size: 1.6rem" @click="castClick">cast</span>
       </div>
 
       <nuxt-link v-if="user" class="h-7 mx-2" to="/search">

components/app/AudioPlayer.vue

@@ -634,6 +634,11 @@ export default {
     this.$nextTick(this.init)
   },
   beforeDestroy() {
+    if (this.playbackSession) {
+      console.log('[AudioPlayer] Before destroy closing playback')
+      this.closePlayback()
+    }
+
     this.forceCloseDropdownMenu()
     document.body.removeEventListener('touchstart', this.touchstart)
     document.body.removeEventListener('touchend', this.touchend)

store/index.js

@@ -21,9 +21,6 @@ export const state = () => ({
 })
 
 export const getters = {
-  playerIsOpen: (state) => {
-    return state.streamAudiobook
-  },
   getIsItemStreaming: state => libraryItemId => {
     return state.playerLibraryItemId == libraryItemId
   },