Button: refactoring-codet. Button is tag and we inject only our exten…

…sions
HBM · Jan 5, 2017 · b2ade6d · b2ade6d
1 parent d748f75
commit b2ade6d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 17 deletions.
diff --git a/examples/src/buttonRoute.js b/examples/src/buttonRoute.js
@@ -9,31 +9,31 @@ export default class ButtonRoute extends React.Component {
       <div>
         <section>
           <h2>Button Component</h2>
-          <Button onClick={e => console.log(e)}>
+          <Button name='ButtonComponent' onClick={e => console.log(e)}>
             Button
           </Button>
         </section>
         <section>
           <h2>Filled Button</h2>
-          <Button filled onClick={e => console.log(e)}>
+          <Button name='FilledButton' filled onClick={e => console.log(e)}>
             Button
           </Button>
         </section>
         <section>
           <h2>Raised Button</h2>
-          <Button onClick={e => console.log(e)} raised>
+          <Button name='RaisedButton' onClick={e => console.log(e)} raised>
             Button
           </Button>
         </section>
         <section>
           <h2>Raised & Filled Button</h2>
-          <Button onClick={e => console.log(e)} raised filled>
+          <Button name='RaisedFilledButton' onClick={e => console.log(e)} raised filled>
             Button
           </Button>
         </section>
         <section>
           <h2>Disabled Button</h2>
-          <Button onClick={e => console.log(e)} disabled>
+          <Button name='DisabledButton' onClick={e => console.log(e)} disabled>
             Button
           </Button>
         </section>

diff --git a/src/js/button/index.js b/src/js/button/index.js
@@ -2,35 +2,28 @@
 import React from 'react'
 import classnames from 'classnames'
 
-const Button = ({disabled, children, className, filled, onClick, raised, type}) => (
+const Button = ({children, className, filled, raised, ...rest}) => (
   <button
     className={classnames('Button', {
       'Button--raised': raised,
       'Button--filled': filled
-    }) + ' ' + className}
-    disabled={disabled}
-    onClick={onClick}
-    type={type}
+    }, `${className}`)}
+    {...rest}
   >
     {children}
   </button>
 )
 
 Button.propTypes = {
   className: React.PropTypes.string,
-  disabled: React.PropTypes.bool,
   filled: React.PropTypes.bool,
-  onClick: React.PropTypes.func,
-  raised: React.PropTypes.bool,
-  type: React.PropTypes.oneOf(['submit', 'reset', 'button'])
+  raised: React.PropTypes.bool
 }
 
 Button.defaultProps = {
   className: '',
-  disabled: false,
   filled: false,
-  raised: false,
-  type: 'button'
+  raised: false
 }
 
 export default Button