fix(segmentation): Use the series description for the segmentation la…

…bel. Do not allow the segmentation label to wrap in the SegmentationGroup header. Instead use an ellipsis.
OHIF · Jul 4, 2023 · bd8eff7 · bd8eff7
1 parent b0a456a
commit bd8eff7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/extensions/cornerstone/src/services/SegmentationService/SegmentationService.ts b/extensions/cornerstone/src/services/SegmentationService/SegmentationService.ts
@@ -542,6 +542,7 @@ class SegmentationService extends PubSubService {
       id: segmentationId,
       displaySetInstanceUID: segDisplaySet.displaySetInstanceUID,
       type: representationType,
+      label: segDisplaySet.SeriesDescription,
       representationData: {
         [LABELMAP]: {
           volumeId: segmentationId,
@@ -789,6 +790,7 @@ class SegmentationService extends PubSubService {
       id: segmentationId,
       displaySetInstanceUID: rtDisplaySetUID,
       type: representationType,
+      label: rtDisplaySet.SeriesDescription,
       representationData: {
         [CONTOUR]: {
           geometryIds,

diff --git a/platform/ui/src/components/SegmentationGroupTable/SegmentationGroup.tsx b/platform/ui/src/components/SegmentationGroupTable/SegmentationGroup.tsx
@@ -82,7 +82,9 @@ const SegmentGroupHeader = ({
           }
         )}
       />
-      <span className="text-white ">{label.toUpperCase()}</span>
+      <span className="text-white w-full whitespace-nowrap text-ellipsis overflow-hidden">
+        {label.toUpperCase()}
+      </span>
       <div className="flex-grow" />
       <span className="text-white ">{segmentCount}</span>
       <div