From 13665af0ed40a67c9a16d0e053e8a75371fd28ef Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Sun, 17 Apr 2022 18:14:45 -0500
Subject: [PATCH] Update cast button on fullscreen player

---
 components/app/Appbar.vue      | 11 +++++++++--
 components/app/AudioPlayer.vue |  4 +++-
 store/index.js                 |  4 ++++
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/components/app/Appbar.vue b/components/app/Appbar.vue
index dd01a830..ae8fe427 100644
--- a/components/app/Appbar.vue
+++ b/components/app/Appbar.vue
@@ -39,11 +39,18 @@ import { AbsAudioPlayer } from '@/plugins/capacitor'
 export default {
   data() {
     return {
-      onCastAvailableUpdateListener: null,
-      isCastAvailable: false
+      onCastAvailableUpdateListener: null
     }
   },
   computed: {
+    isCastAvailable: {
+      get() {
+        return this.$store.state.isCastAvailable
+      },
+      set(val) {
+        this.$store.commit('setCastAvailable', val)
+      }
+    },
     socketConnected() {
       return this.$store.state.socketConnected
     },
diff --git a/components/app/AudioPlayer.vue b/components/app/AudioPlayer.vue
index c8daced2..d7508997 100644
--- a/components/app/AudioPlayer.vue
+++ b/components/app/AudioPlayer.vue
@@ -109,7 +109,6 @@ export default {
     return {
       playbackSession: null,
       showChapterModal: false,
-      showCastBtn: true,
       showFullscreen: false,
       totalDuration: 0,
       currentPlaybackRate: 1,
@@ -159,6 +158,9 @@ export default {
       }
       return this.showFullscreen ? 200 : 60
     },
+    showCastBtn() {
+      return this.$store.state.isCastAvailable && !this.isLocalPlayMethod
+    },
     isCasting() {
       return this.mediaPlayer === 'cast-player'
     },
diff --git a/store/index.js b/store/index.js
index 9b9907a5..01d4baf7 100644
--- a/store/index.js
+++ b/store/index.js
@@ -6,6 +6,7 @@ export const state = () => ({
   playerIsLocal: false,
   playerIsPlaying: false,
   isCasting: false,
+  isCastAvailable: false,
   appUpdateInfo: null,
   socketConnected: false,
   networkConnected: false,
@@ -76,6 +77,9 @@ export const mutations = {
   setMediaPlayer(state, mediaPlayer) {
     state.isCasting = mediaPlayer === 'cast-player'
   },
+  setCastAvailable(state, available) {
+    state.isCastAvailable = available
+  },
   setPlayerPlaying(state, val) {
     state.playerIsPlaying = val
   },