From 2a3622130f31fbccc1125c291d60ebea1002819c Mon Sep 17 00:00:00 2001
From: Vikrant Gupta <vikrant.thomso@gmail.com>
Date: Wed, 5 Jun 2024 12:11:11 +0530
Subject: [PATCH] fix: alerts builder light theme plot tag issue (#5146)

* fix: alerts builder light theme plot tag issue

* fix: remove console logs
---
 .../src/container/FormAlertRules/FormAlertRules.styles.scss  | 5 +++++
 frontend/src/container/FormAlertRules/index.tsx              | 1 +
 frontend/src/lib/uPlotLib/plugins/tooltipPlugin.ts           | 2 --
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/container/FormAlertRules/FormAlertRules.styles.scss b/frontend/src/container/FormAlertRules/FormAlertRules.styles.scss
index 68d36c561f..73e77abfcf 100644
--- a/frontend/src/container/FormAlertRules/FormAlertRules.styles.scss
+++ b/frontend/src/container/FormAlertRules/FormAlertRules.styles.scss
@@ -22,6 +22,11 @@
 }
 
 .lightMode {
+	.main-container {
+		.plot-tag {
+			background: var(--bg-vanilla-300);
+		}
+	}
 	.ant-modal-content {
 		background-color: var(--bg-vanilla-100);
 		.ant-modal-confirm-title {
diff --git a/frontend/src/container/FormAlertRules/index.tsx b/frontend/src/container/FormAlertRules/index.tsx
index 3514f6c7ea..426aacfcb5 100644
--- a/frontend/src/container/FormAlertRules/index.tsx
+++ b/frontend/src/container/FormAlertRules/index.tsx
@@ -512,6 +512,7 @@ function FormAlertRules({
 						initialValues={initialValue}
 						layout="vertical"
 						form={formInstance}
+						className="main-container"
 					>
 						{currentQuery.queryType === EQueryType.QUERY_BUILDER &&
 							renderQBChartPreview()}
diff --git a/frontend/src/lib/uPlotLib/plugins/tooltipPlugin.ts b/frontend/src/lib/uPlotLib/plugins/tooltipPlugin.ts
index 35a10bf217..2c1040daf4 100644
--- a/frontend/src/lib/uPlotLib/plugins/tooltipPlugin.ts
+++ b/frontend/src/lib/uPlotLib/plugins/tooltipPlugin.ts
@@ -51,9 +51,7 @@ const generateTooltipContent = (
 	}
 
 	if (Array.isArray(series) && series.length > 0) {
-		console.log(series);
 		series.forEach((item, index) => {
-			console.log(item, index);
 			if (index === 0) {
 				if (isBillingUsageGraphs) {
 					tooltipTitle = dayjs(data[0][idx] * 1000).format('MMM DD YYYY');