fix(bugs): enhancements and bug fixes (#4036)

extensions/cornerstone/src/components/WindowLevelActionMenu/WindowLevel.tsx

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
 
 export type WindowLevelProps = {
   viewportId: string;
-  presets: Record<string, Array<WindowLevelPreset>>;
+  presets: Array<Record<string, Array<WindowLevelPreset>>>;
   commandsManager: CommandsManager;
 };
 
@@ -23,25 +23,34 @@ export function WindowLevel({
         commandName: 'setViewportWindowLevel',
         commandOptions: {
           ...props,
+          viewportId,
         },
         context: 'CORNERSTONE',
       });
     },
-    [commandsManager]
+    [commandsManager, viewportId]
   );
 
   return (
     <AllInOneMenu.ItemPanel>
-      <AllInOneMenu.HeaderItem>
-        {t('Modality Presets', { modality: Object.keys(presets)[0] })}
-      </AllInOneMenu.HeaderItem>
-      {Object.values(presets)[0].map((preset, index) => (
-        <AllInOneMenu.Item
-          key={index}
-          label={preset.description}
-          secondaryLabel={`${preset.window} / ${preset.level}`}
-          onClick={() => onSetWindowLevel({ ...preset, viewportId })}
-        ></AllInOneMenu.Item>
+      {presets.map((modalityPresets, modalityIndex) => (
+        <React.Fragment key={modalityIndex}>
+          {Object.entries(modalityPresets).map(([modality, presetsArray]) => (
+            <React.Fragment key={modality}>
+              <AllInOneMenu.HeaderItem>
+                {t('Modality Presets', { modality })}
+              </AllInOneMenu.HeaderItem>
+              {presetsArray.map((preset, index) => (
+                <AllInOneMenu.Item
+                  key={`${modality}-${index}`}
+                  label={preset.description}
+                  secondaryLabel={`${preset.window} / ${preset.level}`}
+                  onClick={() => onSetWindowLevel(preset)}
+                />
+              ))}
+            </React.Fragment>
+          ))}
+        </React.Fragment>
       ))}
     </AllInOneMenu.ItemPanel>
   );