Fix reload of imaging orders after picking

Author: akileng56

packages/esm-imaging-orders-app/src/form/review-form/review-imaging-form.workspace.tsx

@@ -72,16 +72,20 @@ const ImagingReviewForm: React.FC<ReviewOrderDialogProps> = ({ order, closeWorks
     setIsSubmitting(true);
 
     try {
-      await updateImagingProcedure(order?.procedures[0]?.uuid, { outcome: 'SUCCESSFUL' });
-      showSnackbar({
-        isLowContrast: true,
-        title: t('createResponse', 'Create Review'),
-        kind: 'success',
-        subtitle: t('pickSuccessfully', 'You have successfully created a review'),
+      const response = await updateImagingProcedure(order?.procedures[0]?.uuid, {
+        outcome: 'SUCCESSFUL',
       });
-      closeWorkspace();
-      mutate((key) => typeof key === 'string' && key.startsWith('/ws/rest/v1/procedure'));
-      mutate((key) => typeof key === 'string' && key.startsWith('/ws/rest/v1/order'));
+      if (response.ok) {
+        showSnackbar({
+          isLowContrast: true,
+          title: t('createResponse', 'Create Review'),
+          kind: 'success',
+          subtitle: t('pickSuccessfully', 'You have successfully created a review'),
+        });
+        closeWorkspace();
+        mutate((key) => typeof key === 'string' && key.startsWith('/ws/rest/v1/procedure'));
+        mutate((key) => typeof key === 'string' && key.startsWith('/ws/rest/v1/order'));
+      }
     } catch (error: any) {
       showNotification({
         title: t('errorPicking', 'Error Creating Review'),

packages/esm-imaging-orders-app/src/imaging-tabs/test-ordered/pick-imaging-order/add-to-worklist-dialog.component.tsx

@@ -37,8 +37,10 @@ const AddImagingToWorkListModal: React.FC<AddImagingToWorkListModalProps> = ({ o
           kind: 'success',
           subtitle: t('pickSuccessfully', 'You have successfully picked an Order'),
         });
-
         closeModal();
+        mutate((key) => typeof key === 'string' && key.startsWith('/ws/rest/v1/order'), undefined, {
+          revalidate: true,
+        });
       }
     } catch (error) {
       showNotification({

packages/esm-procedure-orders-app/src/header/procedure-header.component.tsx

@@ -15,7 +15,7 @@ export const ProcedureHeader: React.FC = () => {
       <div className={styles['left-justified-items']}>
         <ProcedureIllustration />
         <div className={styles['page-labels']}>
-          <p className={styles['page-name']}>{t('procedure', 'Procedures')}</p>
+          <p className={styles['page-name']}>{t('procedure_orders', 'Procedure Orders')}</p>
         </div>
       </div>
       <div className={styles['right-justified-items']}>