hole_thu_frontend/src/Sidebar.js

import React, {Component} from 'react';
import './Sidebar.css';

export function Sidebar(props) {
    return (
        <div className={props.content ? 'sidebar-on' : ''}>
            <div className="sidebar-shadow" onClick={props.do_close} />
            <div className="sidebar">
                <p className="sidebar-title">
                    <a onClick={props.do_close}>&nbsp;×&nbsp;</a>
                    {props.title}
                </p>
                {props.content}
            </div>
        </div>
    );
}