Move button to its own component

fix css linting errors
This commit is contained in:
2017-02-13 11:54:13 +00:00
parent 75e3631f4f
commit f5cf846259
10 changed files with 72 additions and 99 deletions

View File

@@ -0,0 +1,23 @@
import React, { PropTypes } from 'react';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import s from './Button.css';
class Button extends React.Component {
static propTypes = {
children: PropTypes.node,
onClick: PropTypes.func,
};
handleClick = (event) => {
if (this.props.onClick) {
this.props.onClick(event);
}
};
render() {
const { children, ...props } = this.props;
return <button className={s.root} {...props} onClick={this.handleClick}>{children}</button>;
}
}
export default withStyles(s)(Button);