diff --git a/src/App.vue b/src/App.vue
index 544e5995606f..bffa93ca49fc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -453,6 +453,11 @@ export default {
 			} else if (to.name === 'notfound') {
 				this.setPageTitle('')
 			}
+
+			if (to.hash === '#direct-call') {
+        console.log(this.$store.getters.conversation(to.params.token))
+				emit('talk:media-settings:show')
+			}
 		})
 
 		if (getCurrentUser()) {
@@ -481,6 +486,11 @@ export default {
 			})
 		}
 
+		if (this.$route.hash === '#direct-call') {
+      console.log(this.$store.getters.conversation(this.$route.params.token))
+			emit('talk:media-settings:show')
+		}
+
 		subscribe('notifications:action:execute', this.interceptNotificationActions)
 		subscribe('notifications:notification:received', this.interceptNotificationReceived)
 	},
@@ -507,12 +517,12 @@ export default {
 				return
 			}
 
-			const [token, messageId] = load.split('#message_')
+			const [token, hash] = load.split('#')
 			this.$router.push({
 				name: 'conversation',
+				hash: hash ? `#${hash}` : '',
 				params: {
 					token,
-					hash: messageId ? `#message_${messageId}` : '',
 				},
 			})