feat(segmentation): Enhance dropdown menu functionality in SegmentationTable (#4553)

modes/longitudinal/src/customizations.tsx

@@ -1,3 +1,16 @@
+import React from 'react';
+import {
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuPortal,
+  DropdownMenuLabel,
+  Icons,
+} from '@ohif/ui-next';
+
 export const performCustomizations = customizationService => {
   // Set the custom SegmentationTable
   customizationService.addModeCustomizations([
@@ -22,5 +35,30 @@ export const performCustomizations = customizationService => {
     //       { value: 'Toe', label: 'Toe' },
     //     ],
     //   },
+    /**
+     * Custom Dropdown Menu Item
+     */
+    // {
+    //   id: 'PanelSegmentation.CustomDropdownMenuContent',
+    //   content: ({
+    //     activeSegmentation,
+    //     onSegmentationAdd,
+    //     onSegmentationRemoveFromViewport,
+    //     onSegmentationEdit,
+    //     onSegmentationDelete,
+    //     allowExport,
+    //     storeSegmentation,
+    //     onSegmentationDownload,
+    //     onSegmentationDownloadRTSS,
+    //     t,
+    //   }) => (
+    //     <DropdownMenuContent align="start">
+    //       <DropdownMenuItem onClick={() => onSegmentationDelete(activeSegmentation.id)}>
+    //         <Icons.Delete className="text-red-600" />
+    //         <span className="pl-2 text-red-600">{t('My Custom Dropdown Menu Item')}</span>
+    //       </DropdownMenuItem>
+    //     </DropdownMenuContent>
+    //   ),
+    // },
   ]);
 };