From 37fcd06efdcb4c1751f286244c7d88b3ce5b48cf Mon Sep 17 00:00:00 2001
From: Marek Libra <marek.libra@gmail.com>
Date: Fri, 4 Oct 2024 14:03:20 +0200
Subject: [PATCH] fix(orchestrator): improve error handling for incorrect
 nextWorkflow IDs (#2288)

Improve error handling for incorrect nextWorkflow IDs

Fixes: FLPATH-1748
---
 .../components/WorkflowDescriptionModal.tsx   | 51 +++++++++++++++----
 .../src/components/WorkflowResult.tsx         | 21 ++++----
 2 files changed, 51 insertions(+), 21 deletions(-)

diff --git a/plugins/orchestrator/src/components/WorkflowDescriptionModal.tsx b/plugins/orchestrator/src/components/WorkflowDescriptionModal.tsx
index 0a84d7aea0..913fb19ba0 100644
--- a/plugins/orchestrator/src/components/WorkflowDescriptionModal.tsx
+++ b/plugins/orchestrator/src/components/WorkflowDescriptionModal.tsx
@@ -18,6 +18,10 @@ import { WorkflowOverviewDTO } from '@janus-idp/backstage-plugin-orchestrator-co
 
 export type WorkflowDescriptionModalProps = {
   workflow: WorkflowOverviewDTO;
+  workflowError?: {
+    itemId: string;
+    error: any;
+  };
   runWorkflowLink: string;
   open: boolean;
   onClose?: () => void;
@@ -37,7 +41,13 @@ export const RefForwardingWorkflowDescriptionModal: ForwardRefRenderFunction<
   ParentComponentRef,
   WorkflowDescriptionModalProps
 > = (props, forwardedRef): JSX.Element | null => {
-  const { workflow, open = false, onClose, runWorkflowLink } = props;
+  const {
+    workflow,
+    open = false,
+    onClose,
+    runWorkflowLink,
+    workflowError,
+  } = props;
   const classes = useStyles();
   const navigate = useNavigate();
 
@@ -47,6 +57,27 @@ export const RefForwardingWorkflowDescriptionModal: ForwardRefRenderFunction<
     }
   };
 
+  let content;
+  if (workflowError) {
+    content = (
+      <Box>
+        <p>
+          Failed to load details for the workflow ID:
+          {workflowError.itemId}
+        </p>
+        {workflowError.error.message && <p>{workflowError.error.message}</p>}
+      </Box>
+    );
+  } else if (workflow.description) {
+    content = <Box>{workflow.description}</Box>;
+  } else {
+    content = (
+      <Box>
+        <p>Are you sure you want to run this workflow?</p>
+      </Box>
+    );
+  }
+
   return (
     <Dialog
       onClose={_ => onClose}
@@ -67,17 +98,15 @@ export const RefForwardingWorkflowDescriptionModal: ForwardRefRenderFunction<
           </IconButton>
         </Box>
       </DialogTitle>
-      <DialogContent>
-        {workflow.description ? (
-          <Box>{workflow.description}</Box>
-        ) : (
-          <Box>
-            <p>Are you sure you want to run this workflow?</p>
-          </Box>
-        )}
-      </DialogContent>
+
+      <DialogContent>{content}</DialogContent>
       <DialogActions>
-        <Button onClick={handleRunWorkflow} color="primary" variant="contained">
+        <Button
+          onClick={handleRunWorkflow}
+          color="primary"
+          variant="contained"
+          disabled={!!workflowError}
+        >
           Run workflow
         </Button>
         <Button onClick={onClose} color="primary" variant="outlined">
diff --git a/plugins/orchestrator/src/components/WorkflowResult.tsx b/plugins/orchestrator/src/components/WorkflowResult.tsx
index 037ef46b1e..01e18e89fe 100644
--- a/plugins/orchestrator/src/components/WorkflowResult.tsx
+++ b/plugins/orchestrator/src/components/WorkflowResult.tsx
@@ -27,7 +27,10 @@ import { orchestratorApiRef } from '../api';
 import { VALUE_UNAVAILABLE } from '../constants';
 import { executeWorkflowRouteRef } from '../routes';
 import { buildUrl } from '../utils/UrlUtils';
-import { WorkflowDescriptionModal } from './WorkflowDescriptionModal';
+import {
+  WorkflowDescriptionModal,
+  WorkflowDescriptionModalProps,
+} from './WorkflowDescriptionModal';
 
 const useStyles = makeStyles(theme => ({
   outputGrid: {
@@ -126,6 +129,8 @@ const NextWorkflows = ({
   const [currentWorkflow, setCurrentWorkflow] = React.useState(
     {} as WorkflowOverviewDTO,
   );
+  const [workflowError, setWorkflowError] =
+    React.useState<WorkflowDescriptionModalProps['workflowError']>();
 
   const runWorkflowLink = React.useMemo(
     () =>
@@ -145,16 +150,11 @@ const NextWorkflows = ({
       if (itemId) {
         orchestratorApi
           .getWorkflowOverview(itemId)
-          .then(
-            workflow => {
-              setCurrentWorkflow(workflow.data);
-            },
-            error => {
-              throw new Error(error);
-            },
-          )
+          .then(workflow => {
+            setCurrentWorkflow(workflow.data);
+          })
           .catch(error => {
-            throw new Error(error);
+            setWorkflowError({ itemId, error });
           });
         setCurrentOpenedWorkflowDescriptionModalID(itemId);
       }
@@ -197,6 +197,7 @@ const NextWorkflows = ({
       </AboutField>
       <WorkflowDescriptionModal
         workflow={currentWorkflow}
+        workflowError={workflowError}
         runWorkflowLink={runWorkflowLink}
         open={!!currentOpenedWorkflowDescriptionModalID}
         onClose={closeWorkflowDescriptionModal}