From a41ffceca4a3016d846c1e179c2026dca7b58888 Mon Sep 17 00:00:00 2001
From: sawhil <sawhil.khan@gmail.com>
Date: Thu, 24 Apr 2025 01:18:10 +0530
Subject: [PATCH] fix: changed the error percentage calculation

---
 .../DomainDetails/components/EndPointMetrics.tsx    |  7 +++----
 frontend/src/container/ApiMonitoring/utils.tsx      | 13 ++++++-------
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/frontend/src/container/ApiMonitoring/Explorer/Domains/DomainDetails/components/EndPointMetrics.tsx b/frontend/src/container/ApiMonitoring/Explorer/Domains/DomainDetails/components/EndPointMetrics.tsx
index 4547a90f49..314bcd3f3e 100644
--- a/frontend/src/container/ApiMonitoring/Explorer/Domains/DomainDetails/components/EndPointMetrics.tsx
+++ b/frontend/src/container/ApiMonitoring/Explorer/Domains/DomainDetails/components/EndPointMetrics.tsx
@@ -89,14 +89,13 @@ function EndPointMetrics({
 						) : (
 							<Tooltip title={metricsData?.errorRate}>
 								<Progress
-									percent={Number(
-										(Number(metricsData?.errorRate ?? 0) * 100).toFixed(1),
-									)}
+									status="active"
+									percent={Number(Number(metricsData?.errorRate ?? 0).toFixed(1))}
 									strokeLinecap="butt"
 									size="small"
 									strokeColor={((): string => {
 										const errorRatePercent = Number(
-											(Number(metricsData?.errorRate ?? 0) * 100).toFixed(1),
+											Number(metricsData?.errorRate ?? 0).toFixed(1),
 										);
 										if (errorRatePercent >= 90) return Color.BG_SAKURA_500;
 										if (errorRatePercent >= 60) return Color.BG_AMBER_500;
diff --git a/frontend/src/container/ApiMonitoring/utils.tsx b/frontend/src/container/ApiMonitoring/utils.tsx
index b21ac7db3b..a854161283 100644
--- a/frontend/src/container/ApiMonitoring/utils.tsx
+++ b/frontend/src/container/ApiMonitoring/utils.tsx
@@ -212,11 +212,11 @@ export const columnsConfig: ColumnType<APIDomainsRowData>[] = [
 			return (
 				<Progress
 					status="active"
-					percent={Number(((errorRate as number) * 100).toFixed(1))}
+					percent={Number((errorRate as number).toFixed(1))}
 					strokeLinecap="butt"
 					size="small"
 					strokeColor={((): string => {
-						const errorRatePercent = Number(((errorRate as number) * 100).toFixed(1));
+						const errorRatePercent = Number((errorRate as number).toFixed(1));
 						if (errorRatePercent >= 90) return Color.BG_SAKURA_500;
 						if (errorRatePercent >= 60) return Color.BG_AMBER_500;
 						return Color.BG_FOREST_500;
@@ -699,16 +699,15 @@ export const getEndPointsColumnsConfig = (
 			<Progress
 				status="active"
 				percent={Number(
-					(
-						((errorRate === 'n/a' || errorRate === '-' ? 0 : errorRate) as number) *
-						100
-					).toFixed(1),
+					((errorRate === 'n/a' || errorRate === '-'
+						? 0
+						: errorRate) as number).toFixed(1),
 				)}
 				strokeLinecap="butt"
 				size="small"
 				strokeColor={((): // eslint-disable-next-line sonarjs/no-identical-functions
 				string => {
-					const errorRatePercent = Number(((errorRate as number) * 100).toFixed(1));
+					const errorRatePercent = Number((errorRate as number).toFixed(1));
 					if (errorRatePercent >= 90) return Color.BG_SAKURA_500;
 					if (errorRatePercent >= 60) return Color.BG_AMBER_500;
 					return Color.BG_FOREST_500;