feat(read-only config): read only ui for SEG/RT/SR (#3586)

platform/ui/src/components/SegmentationGroupTable/SegmentationGroupSegment.tsx

@@ -12,6 +12,7 @@ const SegmentItem = ({
   isVisible,
   color,
   showSegmentDelete,
+  disableEditing,
   isLocked = false,
   onClick,
   onEdit,
@@ -116,17 +117,19 @@ const SegmentItem = ({
           )}
           {isHovering && (
             <div className={classnames('flex items-center')}>
-              <Icon
-                name="row-edit"
-                className={classnames('w-5 h-5', {
-                  'text-white': isLocked,
-                  'text-primary-light': !isLocked,
-                })}
-                onClick={e => {
-                  e.stopPropagation();
-                  onEdit(segmentationId, segmentIndex);
-                }}
-              />
+              {!disableEditing && (
+                <Icon
+                  name="row-edit"
+                  className={classnames('w-5 h-5', {
+                    'text-white': isLocked,
+                    'text-primary-light': !isLocked,
+                  })}
+                  onClick={e => {
+                    e.stopPropagation();
+                    onEdit(segmentationId, segmentIndex);
+                  }}
+                />
+              )}
               {isVisible ? (
                 <Icon
                   name="row-hide"
@@ -224,6 +227,7 @@ SegmentItem.propTypes = {
   segmentIndex: PropTypes.number.isRequired,
   segmentationId: PropTypes.string.isRequired,
   label: PropTypes.string,
+  disableEditing: PropTypes.bool,
   // color as array
   color: PropTypes.array,
   isActive: PropTypes.bool.isRequired,