From d43bb99d013030055d6f696484afc635f8f87b74 Mon Sep 17 00:00:00 2001
From: prafullnavkar <87638003+prafullnavkar@users.noreply.github.com>
Date: Thu, 16 Feb 2023 23:39:42 +0530
Subject: [PATCH] added home text in header when it is contact section

---
 src/component/Header.js | 50 ++++++++++++++++++++++++++++-------------
 1 file changed, 34 insertions(+), 16 deletions(-)

diff --git a/src/component/Header.js b/src/component/Header.js
index aef2a80..693a3d3 100644
--- a/src/component/Header.js
+++ b/src/component/Header.js
@@ -1,19 +1,37 @@
-import React from 'react'
-import { Link } from 'react-router-dom'
-import headLogo from '../assets/head-logo.png'
-// import cartLogo from '../assets/cart-logo.png'
+import React from "react";
+import { Link } from "react-router-dom";
+import headLogo from "../assets/head-logo.png";
+import { useLocation } from "react-router-dom";
 
 const Header = () => {
-    return (
-        <div className='bg-black flex justify-between py-2 px-2' >
-            <Link to='/'><img src={headLogo} alt='img' className='md:w-10 md:h-10 w-10 h-10' /></Link>
+  const location = useLocation();
 
-            <div className='flex justify-between items-center'>
-                {/* <Link to='about' className='pr-3 font-bold'>About</Link> */}
-                <Link to='contact' className='pr-3 font-bold text-white'>Contact</Link>
-                {/* <div className='pr-3 font-bold'><img src={cartLogo} alt='img'className='md:w-10 md:w-10 w-10 h-10'/></div> */}
-            </div>
-        </div>
-    )
-}
-export default Header
\ No newline at end of file
+  return (
+    <div className="bg-black flex justify-between py-2 px-2">
+      <div className="flex justify-center items-center gap-4">
+        <Link to="/">
+          <img src={headLogo} alt="img" className="md:w-10 md:h-10 w-10 h-10" />
+        </Link>
+        {location.pathname === "/contact" && (
+          <Link
+            to="/"
+            className="text-white hover:underline pr-3 font-bold text-sm md:text-base"
+          >
+            Home
+          </Link>
+        )}
+      </div>
+      <div className="flex justify-between items-center">
+        {/* <Link to='about' className='pr-3 font-bold'>About</Link> */}
+        <Link
+          to="contact"
+          className="pr-3 font-bold text-white text-sm md:text-base"
+        >
+          Contact
+        </Link>
+        {/* <div className='pr-3 font-bold'><img src={cartLogo} alt='img'className='md:w-10 md:w-10 w-10 h-10'/></div> */}
+      </div>
+    </div>
+  );
+};
+export default Header;