real-time style edits are exclusive

front/src/App.vue

@@ -121,6 +121,7 @@ export default {
       console.log('event:', event);
       switch (event.type) {
         case "message":
+          if (event.message.display_recipient == this.currentStream.name) {
             switch (event.message.subject) {
               case "rules":
                 this.$store.commit("addRule", event.message);
@@ -130,6 +131,7 @@ export default {
                 break;
             }
             break;
+          } 
 
         case "delete_message":
           this.$store.commit("deleteMessage", event.message_id);

front/src/store/index.js

@@ -144,7 +144,6 @@ export default createStore({
     setCurStream: (state, stream) => state.currentStream = stream,
     setTopics: (state, topics) => state.topics = topics,
     addMessage: (state, message) => {
-      if (message.display_recipient == state.currentStream.name) {
       if (message.content.startsWith('@_**')) {
         handleMDReply(message)
       } else if (
@@ -162,7 +161,6 @@ export default createStore({
           messages: [message]
         })
       }
-      }
     },
     deleteMessage: (state, { mid, subject }) => {
       const topic = state.topics.find(t => t.title == subject)