Restyling of side menu

src/components/SideMenu.js

@@ -1,10 +1,30 @@
 import React, { Component } from 'react'
 
+import './SideMenu.css'
 class SideMenu extends Component {
+  componentDidMount() {
+    var Slideout = require('slideout')
+
+    const slideout = new Slideout({
+      panel: document.querySelector('.side-panel'),
+      menu: document.querySelector('.side-menu'),
+      toggle: document.querySelector('.side-toggle'),
+      padding: 0,
+      tolerance: 70,
+      side: 'right',
+    })
+
+    document
+      .querySelector('.side-toggle')
+      .addEventListener('click', function() {
+        slideout.toggle()
+      })
+  }
+
   render() {
     return (
       <div className="side-menu">
-        <h1>Hello World</h1>
+        <h1 className="text-white text-center">Hello World</h1>
       </div>
     )
   }