From f32197d9839c727a0ce0f59443a54ac5a1619ebd Mon Sep 17 00:00:00 2001
From: Virginie Ky <virginie.ky@gmail.com>
Date: Thu, 5 Sep 2019 17:01:58 +0200
Subject: [PATCH] style

---
 .../MediaPreviewList/StyledMediaPreviewList.js      |  1 +
 .../admin/src/components/MediaPreviewList/index.js  | 13 +++++++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/StyledMediaPreviewList.js b/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/StyledMediaPreviewList.js
index 4edc921f2c..c471adc722 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/StyledMediaPreviewList.js
+++ b/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/StyledMediaPreviewList.js
@@ -67,6 +67,7 @@ const MediaPreviewFile = styled(MediaPreviewItem)`
     span {
       display: block;
       padding: 0 3px;
+      text-transform: uppercase;
     }
     i {
       position: absolute;
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/index.js b/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/index.js
index ccc4881fab..a4b1842d14 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/index.js
+++ b/packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/index.js
@@ -17,7 +17,12 @@ function MediaPreviewList({ hoverable, files }) {
   const getFileType = fileName => fileName.split('.').slice(-1)[0];
 
   const renderImage = image => {
-    const { name, url } = image;
+    const { name, size, url } = image;
+
+    // TODO !! - Specific UI for size > 200MB
+    if (size > 200) {
+      return renderFile(image);
+    }
 
     return (
       <MediaPreviewImage className={hoverable ? 'hoverable' : ''}>
@@ -30,13 +35,13 @@ function MediaPreviewList({ hoverable, files }) {
   };
 
   const renderFile = file => {
-    const { ext, name } = file;
+    const { name } = file;
     const fileType = getFileType(name);
 
     return (
       <MediaPreviewFile className={hoverable ? 'hoverable' : ''}>
         <div>
-          <span>{ext}</span>
+          <span>{fileType}</span>
           <i className={`fa fa-file-${fileType}-o`} />
         </div>
         <span>{name}</span>
@@ -88,7 +93,7 @@ function MediaPreviewList({ hoverable, files }) {
 }
 
 MediaPreviewList.default = {
-  hoverable: false,
+  hoverable: true,
   files: null,
 };