Restyling of side menu

src/components/Header.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { Component } from 'react'
 import Link from 'gatsby-link'
 import LogoSaburly from '../images/logo-saburly-white.svg'
 import Button from './Button'
@@ -9,26 +9,7 @@ import './Header.css'
 let menuClasses =
   'no-underline mt-4 lg:inline-block opacity-80 lg:mt-0 text-white hover:opacity-100 uppercase mr-4'
 
-class Header extends React.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()
-      })
-  }
-
+class Header extends Component {
   render() {
     return (
       <div>