changed line chart click logic

tremorlabs · Sep 20, 2023 · 3cdcdc1 · 3cdcdc1
1 parent 65d5aee
commit 3cdcdc1
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/chart-elements/LineChart/LineChart.tsx b/src/components/chart-elements/LineChart/LineChart.tsx
@@ -80,9 +80,11 @@ const LineChart = React.forwardRef<HTMLDivElement, LineChartProps>((props, ref)
 
     if (!hasOnValueChange) return;
     if (data.index === activeDot?.index && data.dataKey === activeDot?.dataKey) {
+      setActiveLegend(undefined);
       setActiveDot(undefined);
       onValueChange?.(null);
     } else {
+      setActiveLegend(data.dataKey);
       setActiveDot({
         index: data.index,
         dataKey: data.dataKey,
@@ -92,12 +94,11 @@ const LineChart = React.forwardRef<HTMLDivElement, LineChartProps>((props, ref)
         categoryClicked: data.dataKey,
       });
     }
-    setActiveLegend(undefined);
   }
 
   function onCategoryClick(dataKey: string) {
     if (!hasOnValueChange) return;
-    if (dataKey === activeLegend) {
+    if (dataKey === activeLegend && !activeDot) {
       setActiveLegend(undefined);
       onValueChange?.(null);
     } else {