From 7aec1852ee02a6f4d4aa46b87e0eac7eeda82d29 Mon Sep 17 00:00:00 2001
From: "@soyjavi" <javi.jimenez.villar@gmail.com>
Date: Tue, 10 Nov 2015 19:33:38 +0700
Subject: [PATCH] minor changes

---
 components/app/index.jsx          |  2 +-
 components/autocomplete/index.jsx | 13 ++++++-------
 components/button/index.jsx       |  2 +-
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/components/app/index.jsx b/components/app/index.jsx
index 8790234d..4f1d4f23 100644
--- a/components/app/index.jsx
+++ b/components/app/index.jsx
@@ -8,7 +8,7 @@ const App = (props) => {
   }
 
   return (
-    <div className={className} data-react-toolbox='app'>
+    <div data-react-toolbox='app' className={className}>
       {props.children}
     </div>
   );
diff --git a/components/autocomplete/index.jsx b/components/autocomplete/index.jsx
index 1305c2d5..e757d327 100644
--- a/components/autocomplete/index.jsx
+++ b/components/autocomplete/index.jsx
@@ -24,10 +24,10 @@ class Autocomplete extends React.Component {
   };
 
   static defaultProps = {
-      className: '',
-      direction: 'auto',
-      multiple: true,
-      source: {}
+    className: '',
+    direction: 'auto',
+    multiple: true,
+    source: {}
   };
 
   state = {
@@ -59,8 +59,7 @@ class Autocomplete extends React.Component {
   };
 
   handleQueryChange = (event) => {
-    const query = event.target.value;
-    this.setState({query});
+    this.setState({event: event.target.value});
   };
 
   handleQueryFocus = () => {
@@ -185,8 +184,8 @@ class Autocomplete extends React.Component {
         <Input
           ref='input'
           {...this.props}
-          label=''
           className={style.input}
+          label=''
           onBlur={this.handleQueryBlur}
           onChange={this.handleQueryChange}
           onFocus={this.handleQueryFocus}
diff --git a/components/button/index.jsx b/components/button/index.jsx
index 182e7a4b..0526e6a9 100644
--- a/components/button/index.jsx
+++ b/components/button/index.jsx
@@ -51,8 +51,8 @@ class Button extends React.Component {
         data-react-toolbox='button'
         {...others}
         className={className}
-        onMouseDown={this.handleMouseDown}
         disabled={this.props.disabled || this.props.loading}
+        onMouseDown={this.handleMouseDown}
       >
         { ripple ? <Ripple ref='ripple' loading={loading}/> : null }
         { icon ? <FontIcon className={style.icon} value={icon}/> : null }