From 8f06f1ceeadfdfb2df3d58c9081f51805e915b4a Mon Sep 17 00:00:00 2001
From: Imad Bin Asad <imadbinasad1@gmail.com>
Date: Sun, 19 Mar 2023 15:48:45 +0530
Subject: [PATCH] Add sponsor item in the navbar

---
 frontend/src/components/App.js                      |  1 +
 .../src/components/home/homeBody/HomeSponsors.js    |  2 +-
 frontend/src/components/navbar/index.js             | 13 ++++++++++---
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/App.js b/frontend/src/components/App.js
index c3186be8..66fb7f16 100644
--- a/frontend/src/components/App.js
+++ b/frontend/src/components/App.js
@@ -20,6 +20,7 @@ const App = props => {
           <Route path="/projects" component={ProjectPageComponent} />
           <Route path="/contact-us" component={HomePageComponent} />
           <Route path="/contribute" component={HomePageComponent} />
+          <Route path="/sponsors" component={HomePageComponent} />
           <Route component={PageNotFoundHandler} />
         </Switch>
       </main>
diff --git a/frontend/src/components/home/homeBody/HomeSponsors.js b/frontend/src/components/home/homeBody/HomeSponsors.js
index c6ee9fbe..fb7d6f85 100644
--- a/frontend/src/components/home/homeBody/HomeSponsors.js
+++ b/frontend/src/components/home/homeBody/HomeSponsors.js
@@ -47,7 +47,7 @@ const HomeSponsors = props => {
     require("../../../images/supporter_nvidia.png")
   ];
   return (
-    <div className="cv-container">
+    <div className="cv-container" id="sponsors">
       <h1 className="cv-home-showcase-heading">{SUPPORT_TITLE}</h1>
       <br />
       <br />
diff --git a/frontend/src/components/navbar/index.js b/frontend/src/components/navbar/index.js
index b827d0e5..981ccb14 100644
--- a/frontend/src/components/navbar/index.js
+++ b/frontend/src/components/navbar/index.js
@@ -58,6 +58,7 @@ class Navbar extends Component {
       "GCI",
       "Team",
       "Contribute",
+      "Sponsors",
       "Contact Us"
     ];
     listItems = listItems.map((path, index) => {
@@ -65,7 +66,7 @@ class Navbar extends Component {
         return (
           <NavbarItem active={false} key={path}>
             <Link to="http://gsoc.cloudcv.org" target="_blank">
-              {path}
+              <span className="hover-underline-animation">{path}</span>
             </Link>
           </NavbarItem>
         );
@@ -74,7 +75,7 @@ class Navbar extends Component {
         return (
           <NavbarItem active={false} key={path}>
             <Link to="http://gci.cloudcv.org" target="_blank">
-              {path}
+              <span className="hover-underline-animation">{path}</span>
             </Link>
           </NavbarItem>
         );
@@ -83,7 +84,13 @@ class Navbar extends Component {
       let formattedPath = path.toLowerCase().replace(/ /g, "-");
       return (
         <NavbarItem active={active} key={path}>
-          <Link to={`/${formattedPath}`}>{path === "" ? "Home" : path}</Link>
+          <Link to={`/${formattedPath}`}>
+            {path === "" ? (
+              <span className="hover-underline-animation">{"Home"}</span>
+            ) : (
+              <span className="hover-underline-animation">{path}</span>
+            )}
+          </Link>
         </NavbarItem>
       );
     });