From 03cfa8b9045321610f02f55c56887d1ac4b6e813 Mon Sep 17 00:00:00 2001
From: Ali BARIN <ali.barin53@gmail.com>
Date: Sun, 7 Aug 2022 00:22:44 +0200
Subject: [PATCH] fix: remove last non-existing step app icon

---
 packages/web/src/components/FlowAppIcons/index.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/web/src/components/FlowAppIcons/index.tsx b/packages/web/src/components/FlowAppIcons/index.tsx
index 9932b735..1dbb6912 100644
--- a/packages/web/src/components/FlowAppIcons/index.tsx
+++ b/packages/web/src/components/FlowAppIcons/index.tsx
@@ -12,10 +12,9 @@ export default function FlowAppIcons(props: FlowAppIconsProps) {
   const { steps } = props;
   const stepsCount = steps.length;
   const firstStep = steps[0];
-  const lastStep = steps[stepsCount - 1];
+  const lastStep = steps.length > 1 && steps[stepsCount - 1];
   const intermeaditeStepCount = stepsCount - 2;
 
-
   return (
     <>
       <AppIcon
@@ -27,11 +26,11 @@ export default function FlowAppIcons(props: FlowAppIconsProps) {
 
       {intermeaditeStepCount > 0 && <IntermediateStepCount count={intermeaditeStepCount} />}
 
-      <AppIcon
+      {lastStep && <AppIcon
         name=" "
         variant="rounded"
         url={lastStep.iconUrl}
-      />
+      />}
     </>
   )
 };