anchor tag styling fixed and link tags added into other items (#76)

MAVRICK-1 · May 12, 2024 · b874a70 · b874a70
1 parent b45f6c6
commit b874a70
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/components/header/header.js b/src/components/header/header.js
@@ -223,32 +223,39 @@ const Header = (props) => {
                     <ul className="list list-inline mb-0 headerTabs">
                       <li className="list-inline-item">
                         <span>
+                        <Link to={"/wishlist"} style={{ textDecoration: "none" }}>                      
+                            {" "}
                           <img src={IconCompare} />
                           <span className="badge bg-success rounded-circle">
                             3
                           </span>
                           Compare
+                        </Link>
                         </span>
                       </li>
                       <li className="list-inline-item">
                         <span>
+                        <Link to={"/wishlist"} style={{ textDecoration: "none" }}>                      
+                            {" "}
                           <img src={IconHeart} />
                           <span className="badge bg-success rounded-circle">
                             3
                           </span>
                           Wishlist
+                        </Link>
                         </span>
                       </li>
                       <li className="list-inline-item">
                         <span>
-                          <Link to={"/cart"}>
+                          <Link to={"/cart"} style={{ textDecoration: "none" }}>                      
                             {" "}
                             <img src={IconCart} />
                             <span className="badge bg-success rounded-circle">
-                              {cartCount}
+                              {cartCount}  
                             </span>
                             Cart
                           </Link>
+
                         </span>
                       </li>
 

diff --git a/src/components/header/nav/nav.js b/src/components/header/nav/nav.js
@@ -25,7 +25,7 @@ const Nav = (props) => {
 
     useEffect(() => {
         setNavData(props.data);
-    }, [])
+    }, []);
 
     useEffect(() => {
         setIsOpenNav(props.openNav)
@@ -51,7 +51,8 @@ const Nav = (props) => {
                     <div className='row position-relative'>
                         <div className='col-sm-2 part1 d-flex align-items-center'>
                             <Button className='bg-g text-white catTab res-hide'>
-                                <GridViewIcon /> &nbsp;Browse All Categories <KeyboardArrowDownIcon /></Button>
+                                <GridViewIcon /> &nbsp;Browse All Categories <KeyboardArrowDownIcon />
+                            </Button>
                         </div>
 
                         <div className='col-sm-8 part2 position-static'>