Rename thumbnailSR

platform/ui/index.js

@@ -45,7 +45,7 @@ export {
   TableRow,
   ThemeWrapper,
   Thumbnail,
-  ThumbnailSR,
+  ThumbnailNoImage,
   ThumbnailTracked,
   ThumbnailList,
   Toolbar,

platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 
 import { Icon } from '@ohif/ui';
 
-const ThumbnailSR = ({ seriesDescription, seriesDate, onClick }) => {
+const ThumbnailNoImage = ({ description, seriesDate, modality, onClick }) => {
   return (
     <div
       className="flex flex-row flex-1 px-4 py-3 cursor-pointer"
@@ -15,21 +15,21 @@ const ThumbnailSR = ({ seriesDescription, seriesDate, onClick }) => {
       <div className="flex flex-col flex-1">
         <div className="flex flex-row flex-1 items-center mb-2">
           <div className="px-4 bg-primary-main rounded-sm mr-4 text-xl text-white">
-            SR
+            {modality}
           </div>
           <span className="text-blue-300 text-base">{seriesDate}</span>
         </div>
-        <div className="text-white text-base">{seriesDescription}</div>
+        <div className="text-white text-base">{description}</div>
       </div>
-      <div></div>
     </div>
   );
 };
 
-ThumbnailSR.propTypes = {
+ThumbnailNoImage.propTypes = {
-  seriesDescription: PropTypes.string,
+  description: PropTypes.string.isRequired,
-  seriesDate: PropTypes.string,
+  modality: PropTypes.string.isRequired,
+  seriesDate: PropTypes.string.isRequired,
   onClick: PropTypes.func.isRequired,
 };
 
-export default ThumbnailSR;
+export default ThumbnailNoImage;

platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.mdx

@@ -0,0 +1,39 @@
+---
+name: ThumbnailNoImage
+menu: General
+route: components/ThumbnailNoImage
+---
+
+import { Playground, Props } from 'docz';
+import { ThumbnailNoImage } from '@ohif/ui';
+
+# ThumbnailNoImage
+
+Used to expose
+
+## Import
+
+```javascript
+import { Thumbnail } from '@ohif/ui';
+```
+
+## Basic usage
+
+<Playground>
+  <div className="flex flex-1 items-center justify-center p-4">
+    <div className="w-56">
+      <Thumbnail
+        imageAltText="DisplaySet thumbnail image"
+        description="Multiple line image series description lorem sit"
+        seriesNumber={4}
+        numInstances={902}
+        onClick={() => alert('Thumbnail was clicked!')}
+        isActive={false}
+      />
+    </div>
+  </div>
+</Playground>
+
+## Properties
+
+<Props of={Thumbnail} />

platform/ui/src/components/ThumbnailNoImage/index.js

@@ -0,0 +1,2 @@
+import ThumbnailNoImage from './ThumbnailNoImage';
+export default ThumbnailNoImage;

platform/ui/src/components/ThumbnailSR/index.js

@@ -1,2 +0,0 @@
-import ThumbnailSR from './ThumbnailSR';
-export default ThumbnailSR;

platform/ui/src/components/index.js

@@ -31,7 +31,7 @@ import TableHead from './TableHead';
 import TableRow from './TableRow';
 import ThemeWrapper from './ThemeWrapper/';
 import Thumbnail from './Thumbnail';
-import ThumbnailSR from './ThumbnailSR';
+import ThumbnailNoImage from './ThumbnailNoImage';
 import ThumbnailTracked from './ThumbnailTracked';
 import ThumbnailList from './ThumbnailList';
 import Toolbar from './Toolbar';
@@ -75,7 +75,7 @@ export {
   TableRow,
   ThemeWrapper,
   Thumbnail,
-  ThumbnailSR,
+  ThumbnailNoImage,
   ThumbnailTracked,
   ThumbnailList,
   Toolbar,