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

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,