From 9eb1e6326d37a456510dc67b14f79094f14131f9 Mon Sep 17 00:00:00 2001
From: Arush <arushyadlapati.lwsd@gmail.com>
Date: Fri, 16 Aug 2024 18:53:55 -0400
Subject: [PATCH] Updating navbar to fix it

---
 app/components/homepage/about/index.jsx |  1 -
 app/components/navbar.jsx               | 30 +++++++++++++------------
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/app/components/homepage/about/index.jsx b/app/components/homepage/about/index.jsx
index 1ffe65b..9f70f42 100644
--- a/app/components/homepage/about/index.jsx
+++ b/app/components/homepage/about/index.jsx
@@ -3,7 +3,6 @@
 import { personalData } from "@/utils/data/personal-data";
 import Image from "next/image";
 
-
 function AboutSection() {
   return (
     <div id="about" className="my-12 lg:my-16 relative">
diff --git a/app/components/navbar.jsx b/app/components/navbar.jsx
index 2d9159a..875742f 100644
--- a/app/components/navbar.jsx
+++ b/app/components/navbar.jsx
@@ -10,16 +10,14 @@ function Navbar() {
 
   useEffect(() => {
     const handleSmoothScroll = (e) => {
-      const href = e.currentTarget.href;
+      e.preventDefault();
+      const href = e.currentTarget.getAttribute('href');
       const targetId = href.replace(/.*\#/, "");
+
       if (targetId) {
-        e.preventDefault();
         const targetElement = document.getElementById(targetId);
         if (targetElement) {
-          targetElement.scrollIntoView({
-            behavior: "smooth"
-          });
-          // Update the URL without a page reload
+          targetElement.scrollIntoView({ behavior: "smooth" });
           window.history.pushState({}, '', href);
         }
       }
@@ -41,9 +39,7 @@ function Navbar() {
       <nav className="bg-transparent">
         <div className="flex items-center justify-between py-5">
           <div className="flex flex-shrink-0 items-center">
-            <Link
-                href="./"
-                className="text-[#16f2b3] text-3xl font-bold">
+            <Link href="./" className="text-[#16f2b3] text-3xl font-bold">
               arushyadlapati.com
             </Link>
           </div>
@@ -55,18 +51,24 @@ function Navbar() {
               </Link>
             </li>
             <li>
-              <Link className="block px-4 py-2 no-underline outline-none hover:no-underline" href="/#experience"><div className="text-sm text-white transition-colors duration-300 hover:text-pink-600">EXPERIENCE</div></Link>
+              <Link className="block px-4 py-2 no-underline outline-none hover:no-underline" href="/#experience">
+                <div className="text-sm text-white transition-colors duration-300 hover:text-pink-600">EXPERIENCE</div>
+              </Link>
             </li>
             <li>
-              <Link className="block px-4 py-2 no-underline outline-none hover:no-underline" href="/#skills"><div className="text-sm text-white transition-colors duration-300 hover:text-pink-600">SKILLS</div></Link>
+              <Link className="block px-4 py-2 no-underline outline-none hover:no-underline" href="/#skills">
+                <div className="text-sm text-white transition-colors duration-300 hover:text-pink-600">SKILLS</div>
+              </Link>
             </li>
             <li>
-              <Link className="block px-4 py-2 no-underline outline-none hover:no-underline" href="/#projects"><div className="text-sm text-white transition-colors duration-300 hover:text-pink-600">PROJECTS</div></Link>
+              <Link className="block px-4 py-2 no-underline outline-none hover:no-underline" href="/#projects">
+                <div className="text-sm text-white transition-colors duration-300 hover:text-pink-600">PROJECTS</div>
+              </Link>
             </li>
           </ul>
         </div>
       </nav>
   );
-};
+}
 
-export default Navbar;
\ No newline at end of file
+export default Navbar;