Add exit mpr action

extensions/vtk/src/OHIFVTKViewport.js

@@ -363,7 +363,7 @@ class OHIFVTKViewport extends Component {
       const { UINotificationService } = this.props.servicesManager.services;
       if (this.props.viewportIndex === 0) {
         const message = error.message.includes('buffer')
-          ? 'Buffer allocation limit exceeded'
+          ? 'Dataset is too big to display in MPR'
           : error.message;
         console.error(errorTitle, error);
         UINotificationService.show({
@@ -371,15 +371,14 @@ class OHIFVTKViewport extends Component {
           message,
           type: 'error',
           autoClose: false,
-          /* action: {
+          action: {
-            label: 'Download',
+            label: 'Exit 2D MPR',
-            onClick: () => {
+            onClick: ({ close }) => {
-              const listOfUIDs = [window.location.href.split('/').pop()];
+              // context: 'ACTIVE_VIEWPORT::VTK',
-              this.props.commandsManager.runCommand('downloadAndZip', {
+              close();
-                listOfUIDs,
+              this.props.commandsManager.runCommand('setCornerstoneLayout');
-              });
             },
-          }, */
+          },
         });
       }
       this.setState({ isLoaded: true });

platform/ui/src/components/snackbar/SnackbarItem.js

@@ -5,6 +5,10 @@ const SnackbarItem = ({ options, onClose }) => {
     onClose(options.id);
   };
 
+  const handleClick = () => {
+    options.action.onClick({ ...options, close: handleClose });
+  };
+
   useEffect(() => {
     if (options.autoClose) {
       setTimeout(() => {
@@ -25,7 +29,7 @@ const SnackbarItem = ({ options, onClose }) => {
       {options.title && <div className="sb-title">{options.title}</div>}
       {options.message && <div className="sb-message">{options.message}</div>}
       {options.action && (
-        <button className="sb-action" onClick={options.action.onClick}>
+        <button className="sb-action" onClick={handleClick}>
           {options.action.label}
         </button>
       )}