From 58d30a65c7564eb3d1ee78f6dd5d40195fd5a2bc Mon Sep 17 00:00:00 2001
From: Gajus Kuizinas <gk@anuary.com>
Date: Mon, 20 Jul 2015 18:58:49 +0100
Subject: [PATCH] react/lib/cx has been deprecated
 (https://facebook.github.io/react/docs/class-name-manipulation.html). Using
 JedWatson/classnames.

---
 examples/flux-chat/js/components/ThreadListItem.react.js | 4 ++--
 examples/flux-chat/package.json                          | 1 +
 examples/flux-todomvc/js/components/TodoItem.react.js    | 4 ++--
 examples/flux-todomvc/package.json                       | 1 +
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/examples/flux-chat/js/components/ThreadListItem.react.js b/examples/flux-chat/js/components/ThreadListItem.react.js
index 31c37831d2668b..c052d2514b9d83 100644
--- a/examples/flux-chat/js/components/ThreadListItem.react.js
+++ b/examples/flux-chat/js/components/ThreadListItem.react.js
@@ -12,7 +12,7 @@
 
 var ChatThreadActionCreators = require('../actions/ChatThreadActionCreators');
 var React = require('react');
-var cx = require('react/lib/cx');
+var classNames = require('classnames');
 
 var ReactPropTypes = React.PropTypes;
 
@@ -28,7 +28,7 @@ var ThreadListItem = React.createClass({
     var lastMessage = thread.lastMessage;
     return (
       <li
-        className={cx({
+        className={classNames({
           'thread-list-item': true,
           'active': thread.id === this.props.currentThreadID
         })}
diff --git a/examples/flux-chat/package.json b/examples/flux-chat/package.json
index 0cd5f42bd733ae..8ae4d705970fcc 100644
--- a/examples/flux-chat/package.json
+++ b/examples/flux-chat/package.json
@@ -5,6 +5,7 @@
   "repository": "https://github.com/facebook/flux",
   "main": "js/app.js",
   "dependencies": {
+    "classnames": "^2.1.3",
     "flux": "^2.0.0",
     "keymirror": "~0.1.0",
     "object-assign": "^1.0.0",
diff --git a/examples/flux-todomvc/js/components/TodoItem.react.js b/examples/flux-todomvc/js/components/TodoItem.react.js
index a6d3c08b8b77ee..f892924e5ea573 100644
--- a/examples/flux-todomvc/js/components/TodoItem.react.js
+++ b/examples/flux-todomvc/js/components/TodoItem.react.js
@@ -12,7 +12,7 @@ var ReactPropTypes = React.PropTypes;
 var TodoActions = require('../actions/TodoActions');
 var TodoTextInput = require('./TodoTextInput.react');
 
-var cx = require('react/lib/cx');
+var classNames = require('classnames');
 
 var TodoItem = React.createClass({
 
@@ -49,7 +49,7 @@ var TodoItem = React.createClass({
     // in the naming of view actions toggleComplete() vs. destroyCompleted().
     return (
       <li
-        className={cx({
+        className={classNames({
           'completed': todo.complete,
           'editing': this.state.isEditing
         })}
diff --git a/examples/flux-todomvc/package.json b/examples/flux-todomvc/package.json
index 483bda63034523..0eb2346081b249 100644
--- a/examples/flux-todomvc/package.json
+++ b/examples/flux-todomvc/package.json
@@ -5,6 +5,7 @@
   "repository": "https://github.com/facebook/flux",
   "main": "js/app.js",
   "dependencies": {
+    "classnames": "^2.1.3",
     "flux": "^2.0.1",
     "keymirror": "~0.1.0",
     "object-assign": "^1.0.0",