@bigfishtv/cockpit/src/components/page/FooterBar.js

import React, { Component } from 'react'
import $ from 'jquery'
import { withRouter } from 'react-router-dom'

import Button from '../button/Button'

@withRouter
export default class FooterBar extends Component {
	toggleBodyClass = () => {
		$('body').toggleClass('sidebar-is-open')
	}

	componentDidUpdate(prevProps) {
		if (prevProps.location.pathname !== this.props.location.pathname) {
			$('body').removeClass('sidebar-is-open')
		}
	}

	render() {
		return (
			<div className="footer-bar flex">
				<div className="footer-bar-left">
					<Button type="button" text="Menu" style="text" size="small" onClick={this.toggleBodyClass} />
				</div>
				{/*<div className="footer-bar-right">
					<Button type="button" text="View" style="" size="small" />
				</div>*/}
			</div>
		)
	}
}