2025-04-20 17:15:31 -07:00
|
|
|
import React from "react";
|
|
|
|
|
import "../scss/styles.scss";
|
|
|
|
|
import "../scss/components/_navbar.scss";
|
|
|
|
|
import { Link } from "react-router-dom";
|
2025-04-17 10:31:02 -07:00
|
|
|
|
|
|
|
|
const Navbar = () => {
|
|
|
|
|
return (
|
|
|
|
|
<nav className="navbar">
|
|
|
|
|
<div className="navbar__logo">MyApp</div>
|
|
|
|
|
<ul className="navbar__links">
|
2025-04-20 17:15:31 -07:00
|
|
|
<li>
|
|
|
|
|
<Link to="/" className="navbar__link">
|
|
|
|
|
Home
|
|
|
|
|
</Link>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<Link to="/notebook" className="navbar__link">
|
|
|
|
|
NoteBook
|
|
|
|
|
</Link>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<Link to="/assignment" className="navbar__link">
|
|
|
|
|
Assignment
|
|
|
|
|
</Link>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<Link to="/editor" className="navbar__link">
|
|
|
|
|
Editor
|
|
|
|
|
</Link>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<Link to="/login" className="navbar__link">
|
|
|
|
|
Login
|
|
|
|
|
</Link>
|
|
|
|
|
</li>
|
2025-04-17 10:31:02 -07:00
|
|
|
</ul>
|
|
|
|
|
</nav>
|
2025-04-20 17:15:31 -07:00
|
|
|
);
|
|
|
|
|
};
|
2025-04-17 10:31:02 -07:00
|
|
|
|
2025-04-20 17:15:31 -07:00
|
|
|
export default Navbar;
|