old-v2-frontend/src/components/SideMenu.js

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 className="text-white text-center">Hello World</h1>
      </div>
    )
  }
}

export default SideMenu