Make sure to reload rooms on self membership updates

src/components/RoomList.vue

@@ -52,7 +52,7 @@
         <v-list-item-avatar size="40" color="#e0e0e0">
           <v-img :src="room.avatar" />
         </v-list-item-avatar>
-        <div class="room-list-notification-count">
+        <div class="room-list-notification-count" v-if="notificationCount(room) > 0">
           {{ notificationCount(room) }}
         </div>
         <v-list-item-content>

src/components/profileInfoMixin.js

@@ -1,7 +1,7 @@
 export default {
   computed: {
     user() {
-      if (!this.$matrix.matrixClient) {
+      if (!this.$matrix.ready) {
         return null;
       }
       return this.$matrix.matrixClient.getUser(this.$matrix.currentUserId);

src/services/matrix.service.js

@@ -391,8 +391,8 @@ export default {
             // Invitation. Need to call "recalculate" to pick
             // up room name, not sure why exactly.
             room.recalculate();
-            this.reloadRooms();
           }
+          this.reloadRooms();
         },
 
         onSessionLoggedOut() {