TT#71865 Issue in the join/leave mechanism

Change-Id: I44afa40b71058a564c590a3dc8d79713075acfb7

src/store/conference.js

@@ -195,9 +195,9 @@ export default {
             state.joinState = RequestState.initiated;
             state.joinError = null;
             state.selectedParticipant = null;
-            state.remoteMediaStreams = {}
+            state.remoteMediaStreams = {};
             state.manualSelection = false;
-            state.participants = {};
+            state.participants = [];
             state.mutedState = {};
         },
         leaveFailed(state, error) {
@@ -425,11 +425,13 @@ export default {
                     context.commit('leaveRequesting');
                     await Vue.$conference.leaveConference();
                     context.commit('leaveSucceeded');
-                    context.commit('disposeLocalMedia');
                 }
                 catch (err) {
                     context.commit('leaveFailed', err.message);
                 }
+                finally {
+                    context.commit('disposeLocalMedia');
+                }
             }
         },
         muteAll(context){