From bdb7a1b840beb99330d23d723edc8e79e3cd11c2 Mon Sep 17 00:00:00 2001
From: Ali BARIN <ali.barin53@gmail.com>
Date: Tue, 8 Nov 2022 20:00:28 +0100
Subject: [PATCH] feat(web): hide empty error tab in execution step

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

diff --git a/packages/web/src/components/ExecutionStep/index.tsx b/packages/web/src/components/ExecutionStep/index.tsx
index 7d4c7fe2..106d03db 100644
--- a/packages/web/src/components/ExecutionStep/index.tsx
+++ b/packages/web/src/components/ExecutionStep/index.tsx
@@ -51,6 +51,7 @@ export default function ExecutionStep(
 
   const validationStatusIcon =
     executionStep.status === 'success' ? validIcon : errorIcon;
+  const hasError = !!executionStep.errorDetails;
 
   return (
     <Wrapper elevation={1} data-test="execution-step">
@@ -86,7 +87,7 @@ export default function ExecutionStep(
           >
             <Tab label="Data in" data-test="data-in-tab" />
             <Tab label="Data out" data-test="data-out-tab" />
-            <Tab label="Error" data-test="error-tab" />
+            {hasError && <Tab label="Error" data-test="error-tab" />}
           </Tabs>
         </Box>
 
@@ -98,9 +99,11 @@ export default function ExecutionStep(
           <JSONViewer data={executionStep.dataOut} />
         </TabPanel>
 
-        <TabPanel value={activeTabIndex} index={2}>
-          <JSONViewer data={executionStep.errorDetails} />
-        </TabPanel>
+        {hasError && (
+          <TabPanel value={activeTabIndex} index={2}>
+            <JSONViewer data={executionStep.errorDetails} />
+          </TabPanel>
+        )}
       </Content>
     </Wrapper>
   );