Listen for specific Actions instead of listenToMany

Author: mythz

src/ChatReact/ChatReact/js/components/Actions.js

@@ -19,12 +19,10 @@ var MessagesStore = Reflux.createStore({
 		this.messages = [];
 	},
 	didConnect: function () {
-		this.messages.push({ msg: "CONNECTED!", cls: "open" });
-		this.trigger(this.messages);
+		this.addMessages([{ message: "CONNECTED!", cls: "open" }]);
 	},
 	logError: function () {
-		this.messages.push({ msg: "ERROR!", cls: "error" });
-		this.trigger(this.messages);
+	    this.addMessages([{ message: "ERROR!", cls: "error" }]);
 	},
 	addMessages: function (msgs) {
 		var $this = this;

src/ChatReact/ChatReact/js/components/ChatApp.jsx

@@ -1,7 +1,9 @@
 var ChatApp = React.createClass({
     mixins:[ 
         Reflux.listenTo(MessagesStore,"onMessagesUpdate"), 
-        Reflux.listenTo(UsersStore,"onUsersUpdate")
+        Reflux.listenTo(UsersStore,"onUsersUpdate"),
+        Reflux.listenTo(Actions.announce,"announce"),
+        Reflux.listenTo(Actions.showError,"showError")
     ],
     templates: {
         youtube: function(id) {
@@ -29,8 +31,6 @@ var ChatApp = React.createClass({
     componentDidMount: function() {
         var $this = this;
 
-        this.listenToMany(Actions);
-
         this.source = new EventSource('/event-stream?channel=' + this.props.channel + '&t=' + new Date().getTime()); //disable cache
         this.source.onerror = function (e) {
             Actions.logError(e);

src/ChatReact/ChatReact/js/components/Footer.jsx

@@ -1,5 +1,8 @@
 var Footer = React.createClass({
-    mixins:[ Reflux.listenToMany(Actions) ],
+    mixins:[ 
+        Reflux.listenTo(Actions.userSelected,"userSelected"), 
+        Reflux.listenTo(Actions.setText,"setText")
+    ],
     getInitialState: function () {
         return {
             value:'',