update login functionality and UI; updated Navbar for routing, modified LoginPage and improve styles.

This commit is contained in:
Anton Kupriianov 2025-04-20 17:15:31 -07:00
parent 1b2f4b10ba
commit 9cd6ae4ccb
8 changed files with 82 additions and 52 deletions

View file

@ -1,19 +1,41 @@
import React from 'react'
import '../scss/styles.scss'
import '../scss/components/_navbar.scss'
import React from "react";
import "../scss/styles.scss";
import "../scss/components/_navbar.scss";
import { Link } from "react-router-dom";
const Navbar = () => {
return (
<nav className="navbar">
<div className="navbar__logo">MyApp</div>
<ul className="navbar__links">
<li><a href="/" className="navbar__link">Home</a></li>
<li><a href="/notebook" className="navbar__link">NoteBook</a></li>
<li><a href="/assignment" className="navbar__link">Assignment</a></li>
<li><a href="/editor" className="navbar__link">Editor</a></li>
<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>
</ul>
</nav>
)
}
);
};
export default Navbar
export default Navbar;