From 5ff12adfb95dd78f869c8ac0851aacd1abc971c1 Mon Sep 17 00:00:00 2001
From: Telkens <stivenmg77@gmail.com>
Date: Wed, 2 Oct 2024 17:05:16 -0500
Subject: [PATCH] Fix right icons hover and page opens in new tab into shopping
 cart icon click

---
 src/app/(nav-bar)/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/(nav-bar)/index.tsx b/src/app/(nav-bar)/index.tsx
index 648d8b3..9085afa 100644
--- a/src/app/(nav-bar)/index.tsx
+++ b/src/app/(nav-bar)/index.tsx
@@ -93,13 +93,13 @@ export function NavBar() {
         ))}
       </ul>
 
-      <ContactIcon className="w-10 h-full hidden ml-auto ms:block mr-2" onClick={onOpen} />
+      <ContactIcon className="size-10 p-0.5 hidden ml-auto ms:inline-block mr-2 hover:cursor-pointer hover:bg-primary-dm/20 rounded transition-all ease-in-out" onClick={onOpen} />
       <div className="hidden ms:block">
         <ThemeModeButton />
       </div>
       <ShoppingCartIcon
-        onClick={() => route.push(routes[0].to)}
-        className="w-10 p-0.5 h-full hover:bg-primary-dm/20 rounded relative  transition-all ease-in-out"
+        onClick={() => window.open(routes[0].to, routes[0].target)}
+        className="w-10 p-0.5 h-full hover:bg-primary-dm/20 rounded relative hover:cursor-pointer transition-all ease-in-out"
       />
     </nav>
   )