From 6ab7265a043af9e69de53ebbbe744ed1b79faf6a Mon Sep 17 00:00:00 2001
From: Ali BARIN <ali.barin53@gmail.com>
Date: Sun, 25 Sep 2022 20:42:39 +0200
Subject: [PATCH] feat(PowerInput/Suggestions): hide steps without execution
 steps

---
 .../src/components/PowerInput/Suggestions.tsx  |  2 +-
 packages/web/src/components/PowerInput/data.ts | 18 ++++++++++++------
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/packages/web/src/components/PowerInput/Suggestions.tsx b/packages/web/src/components/PowerInput/Suggestions.tsx
index 7f3c87e0..dc3b8205 100644
--- a/packages/web/src/components/PowerInput/Suggestions.tsx
+++ b/packages/web/src/components/PowerInput/Suggestions.tsx
@@ -114,7 +114,7 @@ const Suggestions = (props: SuggestionsProps) => {
                 </Button>
               )}
 
-              {listLength === undefined && (
+              {listLength === Infinity && (
                 <Button
                   fullWidth
                   onClick={collapseList}
diff --git a/packages/web/src/components/PowerInput/data.ts b/packages/web/src/components/PowerInput/data.ts
index 3bd19f9e..02198916 100644
--- a/packages/web/src/components/PowerInput/data.ts
+++ b/packages/web/src/components/PowerInput/data.ts
@@ -35,10 +35,16 @@ const process = (data: any, parentKey?: any, index?: number): any[] => {
 export const processStepWithExecutions = (steps: IStep[]): any[] => {
   if (!steps) return [];
 
-  return steps.map((step: IStep, index: number) => ({
-    id: step.id,
-    // TODO: replace with step.name once introduced
-    name: `${index + 1}. ${step.appKey?.charAt(0)?.toUpperCase() + step.appKey?.slice(1)}`,
-    output: process(step.executionSteps?.[0]?.dataOut || {}, `step.${step.id}`),
-  }));
+  return steps
+    .filter((step: IStep) => {
+      const hasExecutionSteps = !!step.executionSteps?.length;
+
+      return hasExecutionSteps
+    })
+    .map((step: IStep, index: number) => ({
+      id: step.id,
+      // TODO: replace with step.name once introduced
+      name: `${index + 1}. ${step.appKey?.charAt(0)?.toUpperCase() + step.appKey?.slice(1)}`,
+      output: process(step.executionSteps?.[0]?.dataOut || {}, `step.${step.id}`),
+    }));
 };