From 2994a8425e9ee2268de714f053191496ada31151 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Mon, 9 Sep 2024 19:54:46 +0530
Subject: [PATCH] change(ui): linechart changes for total

---
 .../CustomMetricLineChart/CustomMetricLineChart.tsx         | 5 +++--
 frontend/app/styles/recharts.css                            | 6 +++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricLineChart/CustomMetricLineChart.tsx b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricLineChart/CustomMetricLineChart.tsx
index ab22f5a09..f898da57c 100644
--- a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricLineChart/CustomMetricLineChart.tsx
+++ b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricLineChart/CustomMetricLineChart.tsx
@@ -49,7 +49,7 @@ function CustomMetricLineChart(props: Props) {
                         value: label || "Number of Sessions"
                     }}
                 />
-                {!hideLegend && <Legend/>}
+                {!hideLegend && <Legend />}
                 <Tooltip {...Styles.tooltip} />
                 {Array.isArray(data.namesMap) && data.namesMap.map((key, index) => (
                     <Line
@@ -60,8 +60,9 @@ function CustomMetricLineChart(props: Props) {
                         stroke={colors[index]}
                         fillOpacity={1}
                         strokeWidth={2}
-                        strokeOpacity={0.6}
+                        strokeOpacity={key === 'Total' ? 0 : 0.6}
                         // fill="url(#colorCount)"
+                        legendType={key === 'Total' ? 'none' : 'line'}
                         dot={false}
                     />
                 ))}
diff --git a/frontend/app/styles/recharts.css b/frontend/app/styles/recharts.css
index b5a235272..83ed0f99d 100644
--- a/frontend/app/styles/recharts.css
+++ b/frontend/app/styles/recharts.css
@@ -7,6 +7,6 @@
   user-select: none;
 }
 
-.recharts-legend-wrapper{ 
-  width: 388px !important;
-}
\ No newline at end of file
+/*.recharts-legend-wrapper{ */
+/*  width: 388px !important;*/
+/*}*/