feat(ToastContainer): toastMessageClass changed to toastMessageFactory

BREAKING CHANGE: propTypes renamed to toastMessageFactory toastMessageFactory now only accepts the result of calling React.createFactory(ReactElementClass).
tomchentw · Oct 29, 2014 · bdcbaba · bdcbaba
1 parent 4b5d2c4
commit bdcbaba
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/client/scripts/index.js b/client/scripts/index.js
@@ -4,7 +4,7 @@ require("../styles/index.scss");
 var React = require("react/addons");
 var ReactToastr = require("../../src");
 var {ToastContainer} = ReactToastr;
-var ToastMessage = React.createFactory(ReactToastr.ToastMessage.jQuery);
+var ToastMessageFactory = React.createFactory(ReactToastr.ToastMessage.jQuery);
 
 var Body = React.createClass({
   addAlert () {
@@ -19,7 +19,7 @@ var Body = React.createClass({
 
   render: function() {
     return <div id="react-root">
-      <ToastContainer toastMessageClass={ToastMessage} ref="container" className="toast-top-right" />
+      <ToastContainer toastMessageFactory={ToastMessageFactory} ref="container" className="toast-top-right" />
 
       <h1>
         React-Toastr

diff --git a/src/ToastContainer.js b/src/ToastContainer.js
@@ -2,7 +2,7 @@
 var React = require("react/addons");
 var {update} = React.addons;
 
-var ToastMessage = require("./ToastMessage");
+var ToastMessage = React.createFactory(require("./ToastMessage"));
 
 function noop () {}
 
@@ -42,7 +42,7 @@ module.exports = React.createClass({
         warning: "warning"
       },
       id: "toast-container",
-      toastMessageClass: ToastMessage,
+      toastMessageFactory: ToastMessage,
       preventDuplicates: false,
       newestOnTop: true,
       onClick: noop
@@ -115,7 +115,7 @@ module.exports = React.createClass({
   _render (props, state) {
     return <div {...props} aria-live="polite" role="alert">
       {state.toasts.map((toast) => {
-        return props.toastMessageClass(toast);
+        return props.toastMessageFactory(toast);
       })}
     </div>;
   }