From a254d8687248a0cb537629cb0790dee65a470342 Mon Sep 17 00:00:00 2001
From: Le Kim Long <long.le@redweb.dk>
Date: Wed, 11 Jan 2023 13:39:46 +0700
Subject: [PATCH] fix hover

---
 src/components/PieChartComponent/index.jsx  | 4 ++++
 src/containers/DashboardsPage/dashboard.jsx | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/PieChartComponent/index.jsx b/src/components/PieChartComponent/index.jsx
index 7f5e5bb1..21acb98f 100644
--- a/src/components/PieChartComponent/index.jsx
+++ b/src/components/PieChartComponent/index.jsx
@@ -29,6 +29,9 @@ const PieChartComponent = ({ data, colors, height, chartTitle, link, ...props })
   const onPieEnter = (_, index) => {
     setActiveIndex(index);
   };
+  const onPieLeave = () => {
+    setActiveIndex(-1);
+  };
   const renderActiveShape = ({
     cx,
     cy,
@@ -131,6 +134,7 @@ const PieChartComponent = ({ data, colors, height, chartTitle, link, ...props })
               fill="#8884D8"
               dataKey="value"
               onMouseEnter={onPieEnter}
+              onMouseLeave={onPieLeave}
               activeIndex={activeIndex}
               activeShape={renderActiveShape}
             >
diff --git a/src/containers/DashboardsPage/dashboard.jsx b/src/containers/DashboardsPage/dashboard.jsx
index 5fa37132..55275691 100644
--- a/src/containers/DashboardsPage/dashboard.jsx
+++ b/src/containers/DashboardsPage/dashboard.jsx
@@ -89,8 +89,8 @@ const Dashboard = observer(
               </div>
             </div>
             <Row className="gx-24 mb-24">
-              <Col lg={6}>
-                <Row className="gx-24 h-100">
+              <Col lg={6} className={`mb-5 mb-lg-0`}>
+                <Row className="gx-24 h-100 gap-5 gap-lg-0">
                   <Col lg={6}>
                     <ComponentCard
                       title={t('txt_products')}