feat(handler): Add handler for unsupported sopclassUIDs (#3601)

platform/ui/src/components/DisplaySetMessageListTooltip/DisplaySetMessageListTooltip.tsx

@@ -12,7 +12,7 @@ import { useTranslation } from 'react-i18next';
 const DisplaySetMessageListTooltip = ({ messages, id }): React.ReactNode => {
   const { t } = useTranslation('Messages');
   const [isOpen, setIsOpen] = useState(false);
-  if (messages.size()) {
+  if (messages?.size()) {
     return (
       <>
         <Icon
@@ -29,7 +29,7 @@ const DisplaySetMessageListTooltip = ({ messages, id }): React.ReactNode => {
           arrow="center"
           parent={`#${id}`}
         >
-          <div className="bg-primary-dark border border-secondary-light text-white text-base rounded text-left max-w-40">
+          <div className="bg-primary-dark border border-secondary-light text-white text-base rounded text-left max-w-64">
             <div
               className="break-normal text-base text-blue-300 font-bold"
               style={{
@@ -42,6 +42,7 @@ const DisplaySetMessageListTooltip = ({ messages, id }): React.ReactNode => {
             <ol
               style={{
                 marginLeft: '12px',
+                marginRight: '12px',
               }}
             >
               {messages.messages.map((message, index) => (

platform/ui/src/components/Thumbnail/Thumbnail.tsx

@@ -82,7 +82,7 @@ const Thumbnail = ({
           </div>
           <DisplaySetMessageListTooltip
             messages={messages}
-            id={`display-set-tooltip-${seriesNumber}`}
+            id={`display-set-tooltip-${displaySetInstanceUID}`}
           />
         </div>
         <div className="text-base text-white break-all">{description}</div>

platform/ui/src/components/ThumbnailList/ThumbnailList.tsx

@@ -159,7 +159,7 @@ function _getModalityTooltip(modality) {
 const _modalityTooltips = {
   SR: 'Structured Report',
   SEG: 'Segmentation',
-  RT: 'RT Structure Set',
+  RTSTRUCT: 'RT Structure Set',
 };
 
 export default ThumbnailList;

platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.tsx

@@ -5,6 +5,7 @@ import { useDrag } from 'react-dnd';
 import Icon from '../Icon';
 import Tooltip from '../Tooltip';
 import Typography from '../Typography';
+import DisplaySetMessageListTooltip from '../DisplaySetMessageListTooltip';
 
 const ThumbnailNoImage = ({
   displaySetInstanceUID,
@@ -57,23 +58,10 @@ const ThumbnailNoImage = ({
               </div>
             </Tooltip>
             <span className="ml-4 text-base text-blue-300">{seriesDate}</span>
-            {messages?.size() ? (
-              <div>
-                <Tooltip
-                  position="left"
-                  tight={true}
-                  content={
-                    <div className="text-left max-w-40">
-                      {messages.thumbnailContents()}
-                    </div>
-                  }
-                >
-                  <Icon name="notifications-warning" className="w-3 h-3" />
-                </Tooltip>
-              </div>
-            ) : (
-              <></>
-            )}
+            <DisplaySetMessageListTooltip
+              messages={messages}
+              id={`display-set-tooltip-${displaySetInstanceUID}`}
+            />
           </div>
           <div className="flex flex-row">
             {canReject && (
@@ -107,7 +95,7 @@ ThumbnailNoImage.propTypes = {
     /** Must match the "type" a dropTarget expects */
     type: PropTypes.string.isRequired,
   }),
-  description: PropTypes.string.isRequired,
+  description: PropTypes.string,
   modality: PropTypes.string.isRequired,
   /* Tooltip message to display when modality text is hovered */
   modalityTooltip: PropTypes.string.isRequired,

platform/ui/src/components/ViewportActionBar/ViewportActionBar.tsx

@@ -198,7 +198,7 @@ ViewportActionBar.propTypes = {
       patientAge: PropTypes.string.isRequired,
       MRN: PropTypes.string.isRequired,
       thickness: PropTypes.string.isRequired,
-      thicknessUnits: PropTypes.string.isRequired,
+      thicknessUnits: PropTypes.string,
       spacing: PropTypes.string.isRequired,
       scanner: PropTypes.string.isRequired,
     }),