From 6c93d46ec135055da6316115e94ca575f35cac11 Mon Sep 17 00:00:00 2001
From: Ali BARIN <ali.barin53@gmail.com>
Date: Wed, 9 Nov 2022 00:47:04 +0100
Subject: [PATCH] feat: add circular progress in flow step

---
 packages/web/src/components/FlowStep/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/components/FlowStep/index.tsx b/packages/web/src/components/FlowStep/index.tsx
index c78757ae..c38c4c5a 100644
--- a/packages/web/src/components/FlowStep/index.tsx
+++ b/packages/web/src/components/FlowStep/index.tsx
@@ -9,6 +9,7 @@ import List from '@mui/material/List';
 import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
 import IconButton from '@mui/material/IconButton';
 import ErrorIcon from '@mui/icons-material/Error';
+import CircularProgress from '@mui/material/CircularProgress';
 import CheckCircleIcon from '@mui/icons-material/CheckCircle';
 import { yupResolver } from '@hookform/resolvers/yup';
 import * as yup from 'yup';
@@ -182,7 +183,9 @@ export default function FlowStep(
     [substeps]
   );
 
-  if (!apps) return null;
+  if (!apps) {
+    return <CircularProgress sx={{ display: 'block', my: 2 }} />;
+  }
 
   const onContextMenuClose = (event: React.SyntheticEvent) => {
     event.stopPropagation();