From b3b84f727fc68087e95948f32d7301441c9aa2f4 Mon Sep 17 00:00:00 2001
From: niyibi250 <ericniyibizi1998@gmail.com>
Date: Mon, 22 Jul 2024 13:05:56 +0200
Subject: [PATCH] fix link to product details

---
 package.json                    | 1 -
 src/components/Popular/Item.tsx | 5 ++++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 455a9dcd..9812bb5f 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,6 @@
     "axios-mock-adapter": "^1.22.0",
     "chart.js": "^4.4.3",
     "date-fns": "^3.6.0",
-    "chart.js": "^4.4.3",
     "cloudinary": "^2.2.0",
     "cloudinary-core": "^2.13.1",
     "dotenv": "^16.4.5",
diff --git a/src/components/Popular/Item.tsx b/src/components/Popular/Item.tsx
index 6c4cf3ca..dcd3abad 100644
--- a/src/components/Popular/Item.tsx
+++ b/src/components/Popular/Item.tsx
@@ -8,7 +8,10 @@ interface MostPopularItemProps {
 function SingleItem({ product }: MostPopularItemProps) {
   const navigate = useNavigate();
   return (
-    <div onClick={()=> navigate(`product-details/${product.id}`)} className=" flex flex-row hover:scale-105  hover:translate-y-0.5 hover:translate-x-0.5">
+    <div
+      onClick={() => navigate(`product-details/${product.id}`)}
+      className=" flex flex-row hover:scale-105  hover:translate-y-0.5 hover:translate-x-0.5"
+    >
       <div className=" flex flex-row items-center justify-center h-20 w-20 ">
         <img
           src={product.image}