From d5c81c14f55fd2d31171c14984c37ae9ebe783e3 Mon Sep 17 00:00:00 2001
From: Ali BARIN <ali.barin53@gmail.com>
Date: Thu, 29 Aug 2024 08:24:53 +0000
Subject: [PATCH] fix(FlowAppIcons): fix crash when no steps exist

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

diff --git a/packages/web/src/components/FlowAppIcons/index.jsx b/packages/web/src/components/FlowAppIcons/index.jsx
index f95874e6..b90cfa23 100644
--- a/packages/web/src/components/FlowAppIcons/index.jsx
+++ b/packages/web/src/components/FlowAppIcons/index.jsx
@@ -4,7 +4,7 @@ import AppIcon from 'components/AppIcon';
 import IntermediateStepCount from 'components/IntermediateStepCount';
 
 function FlowAppIcons(props) {
-  const { steps } = props;
+  const { steps = [] } = props;
   const stepsCount = steps.length;
   const firstStep = steps[0];
   const lastStep = steps.length > 1 && steps[stepsCount - 1];
@@ -14,7 +14,7 @@ function FlowAppIcons(props) {
       <AppIcon
         name=" "
         variant="rounded"
-        url={firstStep.iconUrl}
+        url={firstStep?.iconUrl}
         sx={{ width: 30, height: 30 }}
       />
 
@@ -26,7 +26,7 @@ function FlowAppIcons(props) {
         <AppIcon
           name=" "
           variant="rounded"
-          url={lastStep.iconUrl}
+          url={lastStep?.iconUrl}
           sx={{ width: 30, height: 30 }}
         />
       )}