import React, { Component } from "react"; import UserProfileMenu from "./UserProfileMenu"; function classNames(...classes) { return classes.filter(Boolean).join(" "); } class App extends Component { constructor(props) { super(props); this.state = { isToggleOn: false }; } toggleSidebar = () => { this.setState(state => ({ isToggleOn: !state.isToggleOn })); }; hideSidebar = () => { console.log('hideSidebar') this.setState(state => ({ isToggleOn: false })); }; showSidebar = () => { console.log('showSidebar') this.setState(state => ({ isToggleOn: true })); }; render() { return (

{/* Mobile sidebar */}

{/* Close menu button */} {this.state.isToggleOn && }

{/*

*/}

{/* Desktop sidebar */}

{/*

*/}

{/* Navbar */}

{/* Open mobile menu */}

Search

{/* Main content */}

Dashboard

); } } export default App;