Trigger a vue event when SessionStorage "joined_conversation" changes

Otherwise there is no update of the computed and the call screen will not show up.

Signed-off-by: Joas Schilling <coding@schilljs.com>

1 files changed, 7 insertions, 7 deletions

diff --git a/src/PublicShareSidebar.vue b/src/PublicShareSidebar.vue
index 6d9187eb4..5b7095b05 100644
--- a/src/PublicShareSidebar.vue
+++ b/src/PublicShareSidebar.vue
@@ -60,8 +60,8 @@ import {
 import { signalingKill } from './utils/webrtc/index'
 import browserCheck from './mixins/browserCheck'
 import duplicateSessionHandler from './mixins/duplicateSessionHandler'
+import isInCall from './mixins/isInCall'
 import talkHashCheck from './mixins/talkHashCheck'
-import SessionStorage from './services/SessionStorage'
 
 export default {
 
@@ -77,6 +77,7 @@ export default {
 	mixins: [
 		browserCheck,
 		duplicateSessionHandler,
+		isInCall,
 		talkHashCheck,
 	],
 
@@ -112,16 +113,15 @@ export default {
 			return this.state.isOpen
 		},
 
-		isInCall() {
+		participant() {
 			const participantIndex = this.$store.getters.getParticipantIndex(this.token, this.$store.getters.getParticipantIdentifier())
 			if (participantIndex === -1) {
-				return false
+				return {
+					inCall: PARTICIPANT.CALL_FLAG.DISCONNECTED,
+				}
 			}
 
-			const participant = this.$store.getters.getParticipant(this.token, participantIndex)
-
-			return SessionStorage.getItem('joined_conversation') === this.token
-				&& participant.inCall !== PARTICIPANT.CALL_FLAG.DISCONNECTED
+			return this.$store.getters.getParticipant(this.token, participantIndex)
 		},
 
 		warnLeaving() {