update login functionality and UI; updated Navbar for routing, modified LoginPage and improve styles.
This commit is contained in:
parent
1b2f4b10ba
commit
9cd6ae4ccb
8 changed files with 82 additions and 52 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue