made it so file icon doesnt user object fit cover

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>

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}`;

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>

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;

src/styles/components/_File.scss

@@ -262,3 +262,7 @@
 .file__item__tag__title {
     font-size: 10px;
 }
+
+.file__item-no-thumbnail {
+    object-fit: unset !important;
+}