From 1c093f70a434f2903b975e7e9f5c0efca5dc6fa4 Mon Sep 17 00:00:00 2001
From: Elias Nahum <nahumhbl@gmail.com>
Date: Wed, 3 Oct 2018 14:37:59 -0300
Subject: [PATCH] image thumbnail not centered (#2210)

* image thumbnail not centered

* feedback review
---
 .../file_attachment_list/file_attachment_image.js     | 11 ++++-------
 .../file_upload_item/file_upload_item.js              |  2 --
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/app/components/file_attachment_list/file_attachment_image.js b/app/components/file_attachment_list/file_attachment_image.js
index 073974166..ab711e7ea 100644
--- a/app/components/file_attachment_list/file_attachment_image.js
+++ b/app/components/file_attachment_list/file_attachment_image.js
@@ -37,8 +37,6 @@ export default class FileAttachmentImage extends PureComponent {
         onCaptureRef: PropTypes.func,
         resizeMode: PropTypes.string,
         resizeMethod: PropTypes.string,
-        wrapperHeight: PropTypes.number,
-        wrapperWidth: PropTypes.number,
     };
 
     static defaultProps = {
@@ -49,8 +47,6 @@ export default class FileAttachmentImage extends PureComponent {
         loading: false,
         resizeMode: 'cover',
         resizeMethod: 'resize',
-        wrapperHeight: 80,
-        wrapperWidth: 80,
     };
 
     constructor(props) {
@@ -99,8 +95,6 @@ export default class FileAttachmentImage extends PureComponent {
             imageSize,
             resizeMethod,
             resizeMode,
-            wrapperHeight,
-            wrapperWidth,
         } = this.props;
 
         let height = imageHeight;
@@ -123,7 +117,7 @@ export default class FileAttachmentImage extends PureComponent {
         return (
             <View
                 ref={this.handleCaptureRef}
-                style={[style.fileImageWrapper, {height: wrapperHeight, width: wrapperWidth, overflow: 'hidden'}]}
+                style={style.fileImageWrapper}
             >
                 <ProgressiveImage
                     style={imageStyle}
@@ -145,6 +139,9 @@ const style = StyleSheet.create({
         justifyContent: 'center',
         borderBottomLeftRadius: 2,
         borderTopLeftRadius: 2,
+        height: 100,
+        width: 100,
+        overflow: 'hidden',
     },
     loaderContainer: {
         position: 'absolute',
diff --git a/app/components/file_upload_preview/file_upload_item/file_upload_item.js b/app/components/file_upload_preview/file_upload_item/file_upload_item.js
index 2dfb85dd5..a57ce2ea9 100644
--- a/app/components/file_upload_preview/file_upload_item/file_upload_item.js
+++ b/app/components/file_upload_preview/file_upload_item/file_upload_item.js
@@ -177,8 +177,6 @@ export default class FileUploadItem extends PureComponent {
                     file={file}
                     imageHeight={100}
                     imageWidth={100}
-                    wrapperHeight={100}
-                    wrapperWidth={100}
                 />
             );
         } else {