Rename thumbnailSR

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { Icon } from '@ohif/ui';
+
+const ThumbnailNoImage = ({ description, seriesDate, modality, onClick }) => {
+  return (
+    <div
+      className="flex flex-row flex-1 px-4 py-3 cursor-pointer"
+      onClick={onClick}
+    >
+      <div className="flex flex-2 pl-2 pr-3">
+        <Icon name="list-bullets" className="text-secondary-light" />
+      </div>
+      <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">
+            {modality}
+          </div>
+          <span className="text-blue-300 text-base">{seriesDate}</span>
+        </div>
+        <div className="text-white text-base">{description}</div>
+      </div>
+    </div>
+  );
+};
+
+ThumbnailNoImage.propTypes = {
+  description: PropTypes.string.isRequired,
+  modality: PropTypes.string.isRequired,
+  seriesDate: PropTypes.string.isRequired,
+  onClick: PropTypes.func.isRequired,
+};
+
+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;