From 9e654895b9fcc5b48bb7fe9f20f701e0c299e09b Mon Sep 17 00:00:00 2001
From: Calvin Lee <calvin.lee@harness.io>
Date: Fri, 29 Dec 2023 02:43:29 +0000
Subject: [PATCH] fix: [code-1235]: fix execution status (#935)

---
 .../ExecutionStatus/ExecutionStatus.tsx          | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/web/src/components/ExecutionStatus/ExecutionStatus.tsx b/web/src/components/ExecutionStatus/ExecutionStatus.tsx
index 7477e05bb..2c88c3fa4 100644
--- a/web/src/components/ExecutionStatus/ExecutionStatus.tsx
+++ b/web/src/components/ExecutionStatus/ExecutionStatus.tsx
@@ -106,14 +106,22 @@ export const ExecutionStatus: React.FC<ExecutionStatusProps> = ({
     }),
     [getString, inExecution, isCi]
   )
-  const map = useMemo(() => maps[status], [maps, status])
+  const map = useMemo(() => {
+    if (!maps || !status || !maps[status])
+      return {
+        icon: '',
+        css: null,
+        title: ''
+      }
+    return maps[status]
+  }, [maps, status])
   return (
     <Text
       tag="span"
-      className={cx(css.main, map.css, { [css.iconOnly]: iconOnly, [css.noBackground]: noBackground }, className)}
-      icon={map.icon as IconName}
+      className={cx(css.main, map?.css, { [css.iconOnly]: iconOnly, [css.noBackground]: noBackground }, className)}
+      icon={map?.icon as IconName}
       iconProps={{ size: iconOnly ? iconSize : 12 }}>
-      {!iconOnly && map.title}
+      {!iconOnly && map?.title}
     </Text>
   )
 }