feat(image-processing): add apply colormap functionality

src/pages/view/components/FunctionArea.tsx

@@ -167,6 +167,11 @@ const FunctionArea = () => {
       <Col>
         <Button onClick={() => handleButtonClick('More')}>More</Button>
       </Col>
+      <Col>
+        <Button onClick={() => handleButtonClick('Apply Colormap')}>
+          Apply Colormap
+        </Button>
+      </Col>
     </Row>
   );
 };

src/pages/view/components/viewers/stack.image.viewer.tsx

@@ -151,6 +151,15 @@ function VerticalFlip(): void {
   viewport.setCamera({ flipVertical: !flipVertical });
 }
 
+function ApplyColormap(): void {
+  const viewport = cornerstone.getEnabledElementByViewportId(currentViewportId)
+    .viewport as cornerstone.StackViewport;
+  // Implement the logic to apply colormap
+  viewport.setProperties({ colormap: { name: 'hsv' } });
+  viewport.render();
+  console.log('Applying Colormap');
+}
+
 const StackViewer = ({
   imageIndex = 0,
   imageUrls = [],
@@ -389,6 +398,9 @@ const StackViewer = ({
           // Implement the logic for more options
           console.log('Showing More Options');
           break;
+        case 'Apply Colormap':
+          ApplyColormap();
+          break;
         default:
           break;
       }