From 191dde0b18f3ffcce7e11cb8402ff259efeb5536 Mon Sep 17 00:00:00 2001
From: ram-primathon <59244208+ram-primathon@users.noreply.github.com>
Date: Sat, 13 Mar 2021 13:53:46 +0530
Subject: [PATCH] Fix API pane header and params count (#3494)

---
 app/client/src/pages/Editor/APIEditor/Form.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/client/src/pages/Editor/APIEditor/Form.tsx b/app/client/src/pages/Editor/APIEditor/Form.tsx
index db64a3b0c6..beb978ad1a 100644
--- a/app/client/src/pages/Editor/APIEditor/Form.tsx
+++ b/app/client/src/pages/Editor/APIEditor/Form.tsx
@@ -445,10 +445,22 @@ export default connect((state: AppState) => {
   const apiId = selector(state, "id");
   const actionName = getApiName(state, apiId) || "";
   const headers = selector(state, "actionConfiguration.headers");
-  const headersCount = Array.isArray(headers) ? headers.length : 0;
+  let headersCount = 0;
+
+  if (Array.isArray(headers)) {
+    const validHeaders = headers.filter(
+      (value) => value.key && value.key !== "",
+    );
+    headersCount = validHeaders.length;
+  }
 
   const params = selector(state, "actionConfiguration.queryParameters");
-  const paramsCount = Array.isArray(params) ? params.length : 0;
+  let paramsCount = 0;
+
+  if (Array.isArray(params)) {
+    const validParams = params.filter((value) => value.key && value.key !== "");
+    paramsCount = validParams.length;
+  }
 
   return {
     actionName,