handle all 'joined-conversation' events

Signed-off-by: Maksim Sukharev <[email protected]>

Author: Antreesy

src/components/LeftSidebar/LeftSidebar.spec.js

@@ -663,6 +663,9 @@ describe('LeftSidebar.vue', () => {
 				expect(resultsListItems).toHaveLength(resultsList.length)
 
 				await resultsListItems.at(0).findAll('a').trigger('click')
+				// FIXME Real router and store should work at this place to execute following:
+				//  click => route-change => participantsStore.joinConversation() => joined-conversation
+				EventBus.$emit('joined-conversation', { token: 'new-conversation' })
 				await flushPromises()
 
 				expect(searchBoxEl.exists()).toBeTruthy()

src/components/LeftSidebar/LeftSidebar.vue

@@ -285,9 +285,7 @@ export default {
 		EventBus.$on('should-refresh-conversations', this.handleShouldRefreshConversations)
 		EventBus.$once('conversations-received', this.handleUnreadMention)
 		EventBus.$on('route-change', this.onRouteChange)
-		EventBus.$once('joined-conversation', ({ token }) => {
-			this.scrollToConversation(token)
-		})
+		EventBus.$on('joined-conversation', this.handleJoinedConversation)
 		this.mountArrowNavigation()
 	},
 
@@ -406,10 +404,6 @@ export default {
 			if (item.source === 'users') {
 				// Create one-to-one conversation directly
 				const conversation = await this.$store.dispatch('createOneToOneConversation', item.id)
-				this.abortSearch()
-				EventBus.$once('joined-conversation', ({ token }) => {
-					this.scrollToConversation(token)
-				})
 				this.$router.push({
 					name: 'conversation',
 					params: { token: conversation.token },
@@ -586,6 +580,16 @@ export default {
 			}
 		},
 
+		handleJoinedConversation({ token }) {
+			this.abortSearch()
+			this.scrollToConversation(token)
+			if (this.isMobile) {
+				emit('toggle-navigation', {
+					open: false,
+				})
+			}
+		},
+
 		iconData(item) {
 			if (item.source === 'users') {
 				return {