Merge branch 'main' into dependabot/npm_and_yarn/loader-utils-1.4.1

packages/web/src/components/ExecutionRow/index.tsx

@@ -57,6 +57,16 @@ export default function ExecutionRow(
                 />
               )}
 
+              <Chip
+                size="small"
+                color={execution.status === 'success' ? 'success' : 'error'}
+                label={formatMessage(
+                  execution.status === 'success'
+                    ? 'execution.statusSuccess'
+                    : 'execution.statusFailure'
+                )}
+              />
+
               <ArrowForwardIosIcon
                 sx={{ color: (theme) => theme.palette.primary.main }}
               />

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>
   );

packages/web/src/graphql/queries/get-executions.ts

@@ -13,6 +13,7 @@ export const GET_EXECUTIONS = gql`
           testRun
           createdAt
           updatedAt
+          status
           flow {
             id
             name

packages/web/src/locales/en.json

@@ -74,6 +74,8 @@
   "executions.noExecutions": "There is no execution data point to show.",
   "execution.executedAt": "executed {datetime}",
   "execution.test": "Test run",
+  "execution.statusSuccess": "Success",
+  "execution.statusFailure": "Failure",
   "execution.noDataTitle": "No data",
   "execution.noDataMessage": "We successfully ran the execution, but there was no new data to process.",
   "profileSettings.title": "My Profile",
@@ -86,4 +88,4 @@
   "profileSettings.updatePassword": "Update password",
   "notifications.title": "Notifications",
   "notification.releasedAt": "Released {relativeDate}"
-}
+}