front-end/src/layout/Menu.js
/**
 * Defines the menu for this application.
 *
 * @returns {JSX.Element}
 */
Defines the menu for this application.
Defines the menu for this application .
function Menu() {
  return (
    <nav className="navbar navbar-dark align-items-start p-0">
      <div className="container-fluid d-flex flex-column p-0">
        <Link
          className="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0"
          to="/"
        >
          <div className="sidebar-brand-text mx-3">
            <span>Periodic Tables</span>
          </div>
        </Link>
        <hr className="sidebar-divider my-0" />
        <ul className="nav navbar-nav text-light" id="accordionSidebar">
          <li className="nav-item">
            <Link className="nav-link" to="/dashboard">
              <span className="oi oi-dashboard" />
              &nbsp;Dashboard
            </Link>
          </li>
          <li className="nav-item">
            <Link className="nav-link" to="/search">
              <span className="oi oi-magnifying-glass" />
              &nbsp;Search
            </Link>
          </li>
          <li className="nav-item">
            <Link className="nav-link" to="/reservations/new">
              <span className="oi oi-plus" />
              &nbsp;New Reservation
            </Link>
          </li>
          <li className="nav-item">
            <Link className="nav-link" to="/tables/new">
              <span className="oi oi-layers" />
              &nbsp;New Table
            </Link>
          </li>
        </ul>
        <div className="text-center d-none d-md-inline">
          <button
            className="btn rounded-circle border-0"
            id="sidebarToggle"
            type="button"
          />
        </div>
      </div>
    </nav>
  );
}
function Menu ( ) { return ( < nav className = "navbar navbar-dark align-items-start p-0" > < div className = "container-fluid d-flex flex-column p-0" > < Link className = "navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" to = "/" > < div className = "sidebar-brand-text mx-3" > < span > Periodic Tables < / span > < / div > < / Link > < hr className = "sidebar-divider my-0" / > < ul className = "nav navbar-nav text-light" id = "accordionSidebar" > < li className = "nav-item" > < Link className = "nav-link" to = "/dashboard" > < span className = "oi oi-dashboard" / > 
              &nbsp;Dashboard
             < / Link > < / li > < li className = "nav-item" > < Link className = "nav-link" to = "/search" > < span className = "oi oi-magnifying-glass" / > 
              &nbsp;Search
             < / Link > < / li > < li className = "nav-item" > < Link className = "nav-link" to = "/reservations/new" > < span className = "oi oi-plus" / > 
              &nbsp;New Reservation
             < / Link > < / li > < li className = "nav-item" > < Link className = "nav-link" to = "/tables/new" > < span className = "oi oi-layers" / > 
              &nbsp;New Table
             < / Link > < / li > < / ul > < div className = "text-center d-none d-md-inline" > < button className = "btn rounded-circle border-0" id = "sidebarToggle" type = "button" / > < / div > < / div > < / nav > ) ; }
Defines the menu for this application.
Defines the menu for this application .