diff options
author | xAlpharax <42233094+xAlpharax@users.noreply.github.com> | 2023-12-10 08:39:32 +0200 |
---|---|---|
committer | xAlpharax <42233094+xAlpharax@users.noreply.github.com> | 2023-12-10 08:39:32 +0200 |
commit | 84913b0c5645071615cc113011d5696548905ef9 (patch) | |
tree | 2d9781cce31f73cb31d779fdc2f5a5fc9b92c95d /frontend/src/components/Navbar.js | |
parent | ccbbd775a921f92e5472ccf53317d9e31bd9152d (diff) |
Merged the front-end and back-end dev environments into master.
Massive W for the team. Full Google Auth + other Prisma quirks and functionalities.
Changes to be committed:
new file: .gitattributes
new file: backend/index.js
new file: backend/login_pages/index.js
new file: backend/package-lock.json
new file: backend/package.json
new file: backend/populate_prisma.js
new file: backend/prisma/schema.prisma
new file: backend/views/pages/auth.ejs
new file: backend/views/pages/success.ejs
new file: frontend/README.md
new file: frontend/package-lock.json
new file: frontend/package.json
new file: frontend/public/favicon.ico
new file: frontend/public/index.html
new file: frontend/public/logo192.png
new file: frontend/public/logo1922.png
new file: frontend/public/logo512.png
new file: frontend/public/manifest.json
new file: frontend/public/robots.txt
new file: frontend/src/App.css
new file: frontend/src/App.js
new file: frontend/src/App.test.js
new file: frontend/src/Footer.css
new file: frontend/src/Footer.js
new file: frontend/src/components/Navbar.js
new file: frontend/src/components/NavbarElements.js
new file: frontend/src/components/logo192.png
new file: frontend/src/index.css
new file: frontend/src/index.js
new file: frontend/src/logo.svg
new file: frontend/src/pages/about.js
new file: frontend/src/pages/contact.css
new file: frontend/src/pages/contact.js
new file: frontend/src/pages/courses.css
new file: frontend/src/pages/courses.js
new file: frontend/src/pages/index.css
new file: frontend/src/pages/index.js
new file: frontend/src/reportWebVitals.js
new file: frontend/src/setupTests.js
Diffstat (limited to 'frontend/src/components/Navbar.js')
-rw-r--r-- | frontend/src/components/Navbar.js | 72 |
1 files changed, 72 insertions, 0 deletions
diff --git a/frontend/src/components/Navbar.js b/frontend/src/components/Navbar.js new file mode 100644 index 0000000..e7b4c58 --- /dev/null +++ b/frontend/src/components/Navbar.js @@ -0,0 +1,72 @@ +import React from 'react'; +import { NavLink} from "./NavbarElements"; +import '@popperjs/core'; +import 'bootstrap/dist/css/bootstrap.min.css'; +import { Navbar, Nav, Button, Badge, Dropdown } from 'react-bootstrap'; + +function NavbarApp() { + return ( + <Navbar expand="lg" variant="light" bg="body-tertiary"> + <div className="container-fluid"> + <Navbar.Toggle aria-controls="navbarSupportedContent" /> + <Navbar.Collapse id="navbarSupportedContent"> + <NavLink to="/" className="mt-2 mt-lg-0"> + <img + src="https://cdn.discordapp.com/attachments/1176562447918825482/1183039686940299356/FreeFlowLogo.png?ex=6586e291&is=65746d91&hm=4e80dc68f4bd172af650629d344866400b374ea9a6e844da5d70723e99125f4d&" + height="35" + alt="Logo" + loading="lazy" + /></NavLink> + <Nav className="me-auto mb-2 mb-lg-0"> + <NavLink to="/">Dashboard</NavLink> + <NavLink to="/about" activeStyle>About</NavLink> + <NavLink to="/contact" activeStyle>Contact</NavLink> + <NavLink to="/courses" activeStyle>Courses</NavLink> + </Nav> + </Navbar.Collapse> + <div className="d-flex align-items-center"> + <a href="#" className="text-reset me-3"> + + </a> + <Dropdown> + <Dropdown.Toggle + variant="light" + className="text-reset me-3 hidden-arrow" + > + <i className="fas fa-bell"></i> + <Badge pill bg="danger" className="rounded-pill"> + 69 + </Badge> + </Dropdown.Toggle> + <Dropdown.Menu align="end"> + <Dropdown.Item href="#">Some news</Dropdown.Item> + <Dropdown.Item href="#">Another news</Dropdown.Item> + <Dropdown.Item href="#">Something else here</Dropdown.Item> + </Dropdown.Menu> + </Dropdown> + <Dropdown> + <Dropdown.Toggle + variant="light" + className="d-flex align-items-center hidden-arrow" + > + <img + src="https://eitrawmaterials.eu/wp-content/uploads/2016/09/person-icon.png" + className="rounded-circle" + height="25" + alt="Poza de profil" + loading="lazy" + /> + </Dropdown.Toggle> + <Dropdown.Menu align="end"> + <Dropdown.Item href="#">Profilul meu</Dropdown.Item> + <Dropdown.Item href="#">Setari</Dropdown.Item> + <Dropdown.Item href="#">Logout</Dropdown.Item> + </Dropdown.Menu> + </Dropdown> + </div> + </div> + </Navbar> + ); +} + +export default NavbarApp; |