Remove "cancel" button for error messages

Author: aranega

webapp/components/topbar/dialogs/ActionDialog.js

@@ -63,6 +63,7 @@ class ActionDialog extends React.Component {
       classes,
       errorMessage,
       errorDetails,
+      errorCanGoBack,
     } = this.props;
 
     let action;
@@ -89,10 +90,10 @@ class ActionDialog extends React.Component {
         <Button
           variant="contained"
           color="primary"
-          key="BACK"
+          key={errorCanGoBack? "CLOSE": "BACK"}
           onClick={() => this.handleClickGoBack()}
         >
-          BACK
+          {errorCanGoBack? "CLOSE": "BACK"}
         </Button>
       );
 
@@ -102,6 +103,16 @@ class ActionDialog extends React.Component {
       }
     }
 
+    const cancelButton = (errorMessage === '') ? (
+      <Button
+        onClick={this.cancelDialog}
+        style={styles.cancel}
+        key="CANCEL"
+      >
+        CANCEL
+      </Button>
+    ) : <></>
+
     return (
       <Dialog
         fullWidth
@@ -115,13 +126,7 @@ class ActionDialog extends React.Component {
           {content}
         </DialogContent>
         <DialogActions>
-          <Button
-            onClick={this.cancelDialog}
-            style={styles.cancel}
-            key="CANCEL"
-          >
-            CANCEL
-          </Button>
+          {cancelButton}
           {action}
         </DialogActions>
       </Dialog>