From 3519212984a678d788939bddaf7654d3ad31c632 Mon Sep 17 00:00:00 2001 From: "Afnan A." Date: Wed, 20 Dec 2023 14:09:47 +0500 Subject: [PATCH 1/6] Navbar --- src/app/components/MenuOverlay.jsx | 1 + src/app/components/NavLink.jsx | 7 ++++++- src/app/components/Navbar.jsx | 33 +++++++++++++++++++++++++----- src/app/globals.css | 4 ++++ 4 files changed, 39 insertions(+), 6 deletions(-) diff --git a/src/app/components/MenuOverlay.jsx b/src/app/components/MenuOverlay.jsx index a2ddfe5f..3660f38e 100644 --- a/src/app/components/MenuOverlay.jsx +++ b/src/app/components/MenuOverlay.jsx @@ -1,3 +1,4 @@ +// This component is useless for time being. I will use it later if needed. import React from "react"; import NavLink from "./NavLink"; diff --git a/src/app/components/NavLink.jsx b/src/app/components/NavLink.jsx index fdd010a3..2b192db5 100644 --- a/src/app/components/NavLink.jsx +++ b/src/app/components/NavLink.jsx @@ -1,8 +1,13 @@ import Link from "next/link"; -const NavLink = ({ href, title }) => { +const NavLink = ({ href, title, setNavbarOpen = () => {} }) => { + const handleClick = () => { + setNavbarOpen(false); + }; return ( diff --git a/src/app/components/Navbar.jsx b/src/app/components/Navbar.jsx index 1088f425..0ffabf40 100644 --- a/src/app/components/Navbar.jsx +++ b/src/app/components/Navbar.jsx @@ -4,6 +4,7 @@ import React, { useState } from "react"; import NavLink from "./NavLink"; import { Bars3Icon, XMarkIcon } from "@heroicons/react/24/solid"; import MenuOverlay from "./MenuOverlay"; +import Image from "next/image"; const navLinks = [ { @@ -24,13 +25,20 @@ const Navbar = () => { const [navbarOpen, setNavbarOpen] = useState(false); return ( -