From dda01678e8a71f657910d630289b4b76d1efac35 Mon Sep 17 00:00:00 2001
From: Palash Gupta <palashgdev@gmail.com>
Date: Mon, 6 Nov 2023 12:16:15 +0530
Subject: [PATCH] fix: page break in Services overview tab (#3749)

* fix: null check

* fix: metrics check is updated
---
 .../MetricsApplication/Tabs/Overview/ApDex/ApDexMetrics.tsx     | 2 +-
 .../Tabs/Overview/ApDex/ApDexMetricsApplication.tsx             | 2 +-
 frontend/src/types/api/metrics/getApDex.ts                      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/container/MetricsApplication/Tabs/Overview/ApDex/ApDexMetrics.tsx b/frontend/src/container/MetricsApplication/Tabs/Overview/ApDex/ApDexMetrics.tsx
index ade8a1bec3..ac4ae1e03b 100644
--- a/frontend/src/container/MetricsApplication/Tabs/Overview/ApDex/ApDexMetrics.tsx
+++ b/frontend/src/container/MetricsApplication/Tabs/Overview/ApDex/ApDexMetrics.tsx
@@ -77,7 +77,7 @@ function ApDexMetrics({
 
 	const isQueryEnabled =
 		topLevelOperationsRoute.length > 0 &&
-		metricsBuckets &&
+		!!metricsBuckets &&
 		metricsBuckets?.length > 0 &&
 		delta !== undefined;
 
diff --git a/frontend/src/container/MetricsApplication/Tabs/Overview/ApDex/ApDexMetricsApplication.tsx b/frontend/src/container/MetricsApplication/Tabs/Overview/ApDex/ApDexMetricsApplication.tsx
index 0e1486b852..62d4e80a15 100644
--- a/frontend/src/container/MetricsApplication/Tabs/Overview/ApDex/ApDexMetricsApplication.tsx
+++ b/frontend/src/container/MetricsApplication/Tabs/Overview/ApDex/ApDexMetricsApplication.tsx
@@ -24,7 +24,7 @@ function ApDexMetricsApplication({
 		<ApDexMetrics
 			handleGraphClick={handleGraphClick}
 			delta={data?.data.delta}
-			metricsBuckets={data?.data.le}
+			metricsBuckets={data?.data.le || []}
 			onDragSelect={onDragSelect}
 			topLevelOperationsRoute={topLevelOperationsRoute}
 			tagFilterItems={tagFilterItems}
diff --git a/frontend/src/types/api/metrics/getApDex.ts b/frontend/src/types/api/metrics/getApDex.ts
index 051f3994ff..60c82fefd0 100644
--- a/frontend/src/types/api/metrics/getApDex.ts
+++ b/frontend/src/types/api/metrics/getApDex.ts
@@ -10,5 +10,5 @@ export interface SetApDexPayloadProps {
 
 export interface MetricMetaProps {
 	delta: boolean;
-	le: number[];
+	le: number[] | null;
 }