Updating mockData

platform/ui/src/components/Thumbnail/Thumbnail.jsx

@@ -8,9 +8,9 @@ const Thumbnail = ({
   className,
   imageSrc,
   imageAltText,
-  seriesDescription,
+  description,
   seriesNumber,
-  instanceNumber,
+  numInstances,
   isActive,
   onClick,
 }) => {
@@ -45,10 +45,10 @@ const Thumbnail = ({
           {seriesNumber}
         </div>
         <div className="flex flex-row items-center flex-1">
-          <Icon name="group-layers" className="w-3 mr-2" /> {instanceNumber}
+          <Icon name="group-layers" className="w-3 mr-2" /> {numInstances}
         </div>
       </div>
-      <div className="text-white text-base">{seriesDescription}</div>
+      <div className="text-white text-base">{description}</div>
     </div>
   );
 };
@@ -57,9 +57,9 @@ Thumbnail.propTypes = {
   className: PropTypes.string,
   imageSrc: PropTypes.string,
   imageAltText: PropTypes.string,
-  seriesDescription: PropTypes.string.isRequired,
+  description: PropTypes.string.isRequired,
   seriesNumber: PropTypes.number.isRequired,
-  instanceNumber: PropTypes.number.isRequired,
+  numInstances: PropTypes.number.isRequired,
   isActive: PropTypes.bool.isRequired,
   onClick: PropTypes.func.isRequired,
 };

platform/ui/src/components/Thumbnail/Thumbnail.mdx

@@ -25,11 +25,11 @@ import { Thumbnail } from '@ohif/ui';
     <div className="w-56">
       <Thumbnail
         imageAltText="DisplaySet thumbnail image"
-        seriesDescription="Multiple line image series description lorem sit"
+        description="Multiple line image series description lorem sit"
         seriesNumber={4}
-        instanceNumber={902}
-        isActive={false}
+        numInstances={902}
         onClick={() => alert('Thumbnail was clicked!')}
+        isActive={false}
       />
     </div>
   </div>