From 19aec45797b8173155c2e4a4a124f9f63134d567 Mon Sep 17 00:00:00 2001
From: Gustavo Lelis <galelis@gmail.com>
Date: Tue, 21 Apr 2020 15:12:34 -0300
Subject: [PATCH] Rename thumbnailSR

---
 platform/ui/index.js                          |  2 +-
 .../ThumbnailNoImage.jsx}                     | 16 ++++----
 .../ThumbnailNoImage/ThumbnailNoImage.mdx     | 39 +++++++++++++++++++
 .../src/components/ThumbnailNoImage/index.js  |  2 +
 .../ui/src/components/ThumbnailSR/index.js    |  2 -
 platform/ui/src/components/index.js           |  4 +-
 6 files changed, 52 insertions(+), 13 deletions(-)
 rename platform/ui/src/components/{ThumbnailSR/ThumbnailSR.jsx => ThumbnailNoImage/ThumbnailNoImage.jsx} (66%)
 create mode 100644 platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.mdx
 create mode 100644 platform/ui/src/components/ThumbnailNoImage/index.js
 delete mode 100644 platform/ui/src/components/ThumbnailSR/index.js

diff --git a/platform/ui/index.js b/platform/ui/index.js
index e03d2a056..6f2a2c63b 100644
--- a/platform/ui/index.js
+++ b/platform/ui/index.js
@@ -45,7 +45,7 @@ export {
   TableRow,
   ThemeWrapper,
   Thumbnail,
-  ThumbnailSR,
+  ThumbnailNoImage,
   ThumbnailTracked,
   ThumbnailList,
   Toolbar,
diff --git a/platform/ui/src/components/ThumbnailSR/ThumbnailSR.jsx b/platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.jsx
similarity index 66%
rename from platform/ui/src/components/ThumbnailSR/ThumbnailSR.jsx
rename to platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.jsx
index 914dccb29..20ee0ac63 100644
--- a/platform/ui/src/components/ThumbnailSR/ThumbnailSR.jsx
+++ b/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 = {
-  seriesDescription: PropTypes.string,
-  seriesDate: PropTypes.string,
+ThumbnailNoImage.propTypes = {
+  description: PropTypes.string.isRequired,
+  modality: PropTypes.string.isRequired,
+  seriesDate: PropTypes.string.isRequired,
   onClick: PropTypes.func.isRequired,
 };
 
-export default ThumbnailSR;
+export default ThumbnailNoImage;
diff --git a/platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.mdx b/platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.mdx
new file mode 100644
index 000000000..73b2a1c2e
--- /dev/null
+++ b/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} />
diff --git a/platform/ui/src/components/ThumbnailNoImage/index.js b/platform/ui/src/components/ThumbnailNoImage/index.js
new file mode 100644
index 000000000..2179bd84f
--- /dev/null
+++ b/platform/ui/src/components/ThumbnailNoImage/index.js
@@ -0,0 +1,2 @@
+import ThumbnailNoImage from './ThumbnailNoImage';
+export default ThumbnailNoImage;
diff --git a/platform/ui/src/components/ThumbnailSR/index.js b/platform/ui/src/components/ThumbnailSR/index.js
deleted file mode 100644
index b9b2a119c..000000000
--- a/platform/ui/src/components/ThumbnailSR/index.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import ThumbnailSR from './ThumbnailSR';
-export default ThumbnailSR;
diff --git a/platform/ui/src/components/index.js b/platform/ui/src/components/index.js
index 67e69abad..2eec5aa5a 100644
--- a/platform/ui/src/components/index.js
+++ b/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,