Preferences page rehaul: use React components, UI improvements

src/renderer/views/Button.js

@@ -0,0 +1,40 @@
+const c = require('classnames')
+const React = require('react')
+
+class Button extends React.Component {
+  static get propTypes () {
+    return {
+      className: React.PropTypes.string,
+      onClick: React.PropTypes.func,
+      theme: React.PropTypes.oneOf(['light', 'dark']),
+      type: React.PropTypes.oneOf(['default', 'flat', 'raised'])
+    }
+  }
+
+  static get defaultProps () {
+    return {
+      theme: 'light',
+      type: 'default'
+    }
+  }
+
+  render () {
+    const { theme, type, className, ...other } = this.props
+    return (
+      <button
+        {...other}
+        className={c(
+          'Button',
+          theme,
+          type,
+          className
+        )}
+        onClick={this.props.onClick}
+      >
+        {this.props.children}
+      </button>
+    )
+  }
+}
+
+module.exports = Button