From fae3d32b6139b60e4080d24e68b852b3c755a52f Mon Sep 17 00:00:00 2001
From: kyle hoell <kyle.hoell@gmail.com>
Date: Sun, 29 Nov 2020 14:50:18 -0500
Subject: [PATCH] made it so file icon doesnt user object fit cover

---
 src/components/FileItem/FileItem.js               | 2 +-
 src/components/FileItem/index.js                  | 7 ++++---
 src/components/QuickAccessItem/QuickAccessItem.js | 2 +-
 src/components/QuickAccessItem/index.js           | 6 +++---
 src/styles/components/_File.scss                  | 4 ++++
 5 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/FileItem/FileItem.js b/src/components/FileItem/FileItem.js
index 8dc3262..12b5c6f 100644
--- a/src/components/FileItem/FileItem.js
+++ b/src/components/FileItem/FileItem.js
@@ -101,7 +101,7 @@ const FileItem = (props) => {
                     <NewContextMenu gridMode={true} quickItemMode={true} contextSelected={props.state.contextSelected} closeContext={props.closeContext} downloadFile={props.downloadFile} file={props} changeEditNameMode={props.changeEditNameMode} closeEditNameMode={props.closeEditNameMode} changeDeleteMode={props.changeDeleteMode} startMovingFile={props.startMovingFile}/>
                 </div>
                 <div class="access__image noSelect">
-                <img className="noSelect" src={props.state.imageSrc} alt="access"/>
+                <img class={props.state.imageClassname} src={props.state.imageSrc} alt="access"/>
                 </div>
                 <div class="access__info--file">
                 <p className="noSelect" style={props._id !== props.selected ? {} : {color:"white"}}>{capitalize(props.filename)}</p>
diff --git a/src/components/FileItem/index.js b/src/components/FileItem/index.js
index 30a96b2..cf4ba59 100644
--- a/src/components/FileItem/index.js
+++ b/src/components/FileItem/index.js
@@ -25,7 +25,7 @@ class FileItemContainer extends React.Component {
         this.state = {
             contextMenuPos: {},
             imageSrc: "/images/file-svg.svg",
-            imageClassname: this.props.listView ? "file__image__listview" : "file__image",
+            imageClassname: "noSelect file__item-no-thumbnail",
             contextSelected: false,
             editNameMode: false,
             editName: this.props.filename,
@@ -40,7 +40,8 @@ class FileItemContainer extends React.Component {
         this.imageLoaded = true;
 
         const thumbnailID = this.props.metadata.thumbnailID;
-        const imageClassname = this.props.listView ? "file__image__listview--no-opacity" : "file__image--no-opacity"
+        // const imageClassname = this.props.listView ? "file__image__listview--no-opacity" : "file__image--no-opacity"
+        const imageClassname = "noSelect"
 
         if (this.props.metadata.drive) {
           
@@ -58,7 +59,7 @@ class FileItemContainer extends React.Component {
         await this.setState(() => ({
             ...this.state,
             imageSrc: "/images/file-svg.svg",
-            imageClassname: this.props.listView ? "file__image__listview" : "file__image"
+            imageClassname: "noSelect file__item-no-thumbnail"
         }))
 
         const url = !this.props.metadata.personalFile ? `/file-service/thumbnail/${thumbnailID}` : `/file-service-personal/thumbnail/${thumbnailID}`;
diff --git a/src/components/QuickAccessItem/QuickAccessItem.js b/src/components/QuickAccessItem/QuickAccessItem.js
index 922d66b..f6287df 100644
--- a/src/components/QuickAccessItem/QuickAccessItem.js
+++ b/src/components/QuickAccessItem/QuickAccessItem.js
@@ -15,7 +15,7 @@ const QuickAccessItem = (props) => (
                     <NewContextMenu gridMode={true} quickItemMode={true} contextSelected={props.state.contextSelected} closeContext={props.closeContext} downloadFile={props.downloadFile} file={props} changeEditNameMode={props.changeEditNameMode} closeEditNameMode={props.closeEditNameMode} changeDeleteMode={props.changeDeleteMode} startMovingFile={props.startMovingFile}/>
                 </div>
 	    <div class="access__image">
-			<img className="noSelect" src={props.state.image} alt="access"/>
+			<img className={props.state.imageClassname} src={props.state.image} alt="access"/>
         </div>
         <div class="access__info--file">
 			<p className="noSelect" style={"quick-"+props._id !== props.selected ? {} : {color:"white"}}>{capitalize(props.filename)}</p>
diff --git a/src/components/QuickAccessItem/index.js b/src/components/QuickAccessItem/index.js
index 4a295a5..1e71c92 100644
--- a/src/components/QuickAccessItem/index.js
+++ b/src/components/QuickAccessItem/index.js
@@ -24,7 +24,7 @@ class QuickAccessItemContainer extends React.Component {
         this.state = {
             contextMenuPos: {},
             image: "/images/file-svg.svg",
-            imageClassname: "quickaccess__item__image",
+            imageClassname: "noSelect file__item-no-thumbnail",
             contextSelected: false,
         }
     }
@@ -70,7 +70,7 @@ class QuickAccessItemContainer extends React.Component {
     getThumbnail = async() => {
 
         const thumbnailID = this.props.metadata.thumbnailID;
-        const imageClassname = "quickaccess__item__image quickaccess__item__image--no-opacity"
+        const imageClassname = "noSelect"
 
         // GOOGLE DRIVE IMAGE
         if (this.props.metadata.drive) {
@@ -88,7 +88,7 @@ class QuickAccessItemContainer extends React.Component {
         await this.setState(() => ({
             ...this.state,
             image: "/images/file-svg.svg",
-            imageClassname: "quickaccess__item__image"
+            imageClassname: "noSelect file__item-no-thumbnail"
         }))
 
         const isPersonal = this.props.metadata.personalFile;
diff --git a/src/styles/components/_File.scss b/src/styles/components/_File.scss
index fb5451c..9202363 100644
--- a/src/styles/components/_File.scss
+++ b/src/styles/components/_File.scss
@@ -262,3 +262,7 @@
 .file__item__tag__title {
     font-size: 10px;
 }
+
+.file__item-no-thumbnail {
+    object-fit: unset !important;
+}
\ No newline at end of file