OHIF with Cornerstone3D 2.0 (#4347)

extensions/tmtv/src/getPanelModule.tsx

@@ -1,14 +1,10 @@
 import React from 'react';
 import { PanelPetSUV, PanelROIThresholdExport } from './Panels';
 import { Toolbox } from '@ohif/ui-next';
-
-// TODO:
-// - No loading UI exists yet
-// - cancel promises when component is destroyed
-// - show errors in UI for thumbnails if promise fails
+import PanelTMTV from './Panels/PanelTMTV';
 
 function getPanelModule({ commandsManager, extensionManager, servicesManager }) {
-  const wrappedPanelPetSuv = ({}) => {
+  const wrappedPanelPetSuv = () => {
     return (
       <PanelPetSUV
         commandsManager={commandsManager}
@@ -18,7 +14,28 @@ function getPanelModule({ commandsManager, extensionManager, servicesManager })
     );
   };
 
-  const wrappedROIThresholdToolbox = ({}: withAppTypes) => {
+  const wrappedROIThresholdToolbox = () => {
+    return (
+      <Toolbox
+        commandsManager={commandsManager}
+        servicesManager={servicesManager}
+        extensionManager={extensionManager}
+        buttonSectionId="ROIThresholdToolbox"
+        title="Threshold Tools"
+      />
+    );
+  };
+
+  const wrappedROIThresholdExport = () => {
+    return (
+      <PanelROIThresholdExport
+        commandsManager={commandsManager}
+        servicesManager={servicesManager}
+      />
+    );
+  };
+
+  const wrappedPanelTMTV = () => {
     return (
       <>
         <Toolbox
@@ -28,13 +45,10 @@ function getPanelModule({ commandsManager, extensionManager, servicesManager })
           buttonSectionId="ROIThresholdToolbox"
           title="Threshold Tools"
         />
-      </>
-    );
-  };
-
-  const wrappedROIThresholdExport = () => {
-    return (
-      <>
+        <PanelTMTV
+          commandsManager={commandsManager}
+          servicesManager={servicesManager}
+        />
         <PanelROIThresholdExport
           commandsManager={commandsManager}
           servicesManager={servicesManager}
@@ -51,6 +65,12 @@ function getPanelModule({ commandsManager, extensionManager, servicesManager })
       label: 'Patient Info',
       component: wrappedPanelPetSuv,
     },
+    {
+      name: 'tmtv',
+      iconName: 'tab-segmentation',
+      iconLabel: 'Segmentation',
+      component: wrappedPanelTMTV,
+    },
     {
       name: 'tmtvBox',
       iconName: 'tab-segmentation',