Implement polythene components

package.json

@@ -18,16 +18,18 @@
   "license": "ISC",
   "dependencies": {
     "ajv": "^5.5.0",
-    "email-validator": "^1.1.1",
-    "babel-core": "^6.26.0",
     "babel-cli": "^6.26.0",
+    "babel-core": "^6.26.0",
     "babel-loader": "^7.1.2",
     "babel-preset-env": "^1.6.1",
     "compression-webpack-plugin": "^1.0.1",
+    "email-validator": "^1.1.1",
     "eslint": "^4.10.0",
     "eslint-config-airbnb-base": "^12.1.0",
     "eslint-plugin-import": "^2.8.0",
     "mithril": "^1.1.5",
+    "polythene-css": "^1.0.0",
+    "polythene-mithril": "^1.0.0",
     "uglifyjs-webpack-plugin": "^1.0.1",
     "webpack": "^3.8.1",
     "webpack-dev-server": "^2.9.3"

src/components/Button.js

+import m from "mithril";
+import { Button } from "polythene-mithril";
+import "polythene-css"
+
+const ButtonComponent = () => {
+    return Button;
+}
+
+export default ButtonComponent;
\ No newline at end of file

src/views/studydocs/studydocList.js

@@ -3,7 +3,7 @@ import * as studydocs from '../../models/studydocs';
 import { apiUrl } from '../../models/config';
 import { isLoggedIn } from '../../models/auth';
 import { Error401 } from '../errors';
-
+import Button from '../../components/Button';
 
 const tableHeadings = [
   'title', 'lecture', 'professor', 'semester', 'author', 'download',
@@ -38,7 +38,7 @@ export default class studydocList {
         },
       }, [
         m('input', { type: 'text', oninput: m.withAttr('value', (value) => { this.search = value; }) }, ''),
-        m('button', { type: 'submit' }, 'Search'),
+        m(Button, { label: 'Search', type: 'submit' }),
       ]),
       m('button', { onclick: () => m.route.set('/studydocuments/new') }, 'add new'),
       m('table', [