You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
import Link from 'next/link';
|
|
|
|
|
|
|
|
const Navbar = () => {
|
|
|
|
return (
|
|
|
|
<nav className="navbar navbar-expand-lg navbar-light bg-light">
|
|
|
|
<div className="container">
|
|
|
|
<Link href="/" className="navbar-brand">DHCP Server Control</Link>
|
|
|
|
<button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
|
|
<span className="navbar-toggler-icon"></span>
|
|
|
|
</button>
|
|
|
|
<div className="collapse navbar-collapse" id="navbarNav">
|
|
|
|
<ul className="navbar-nav ml-auto">
|
|
|
|
<li className="nav-item">
|
|
|
|
<Link href="/" className="nav-link">Home</Link>
|
|
|
|
</li>
|
|
|
|
<li className="nav-item">
|
|
|
|
<Link href="/dhcp/leases" className="nav-link">Leases</Link>
|
|
|
|
</li>
|
|
|
|
<li className="nav-item">
|
|
|
|
<Link href="/dhcp/configure" className="nav-link">Configure Options</Link>
|
|
|
|
</li>
|
|
|
|
<li className="nav-item">
|
|
|
|
<Link href="/tftp/files" className="nav-link">TFTP Files</Link>
|
|
|
|
</li>
|
|
|
|
<li className="nav-item">
|
|
|
|
<Link href="/tftp/logs" className="nav-link">TFTP Logs</Link>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default Navbar;
|