added on error for file thumbnails

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 class={props.state.imageClassname} src={props.state.imageSrc} alt="access"/>
+                <img class={props.state.imageClassname} src={props.state.imageSrc} onError={props.thumbnailOnError} />
                 </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

@@ -81,6 +81,18 @@ class FileItemContainer extends React.Component {
         })
     }
 
+    thumbnailOnError = () => {
+
+        console.log("thumbnail on error");
+
+        this.setState(() => ({
+            ...this.state,
+            imageSrc: "/images/file-svg.svg",
+            imageClassname: "noSelect file__item-no-thumbnail",
+        }))
+
+    }
+
     componentDidMount = () => {
 
         const hasThumbnail = this.props.metadata.hasThumbnail;
@@ -531,6 +543,7 @@ class FileItemContainer extends React.Component {
                 startFileClick={this.startFileClick}
                 clickStopPropagation={this.clickStopPropagation}
                 removeDeleteMode={this.removeDeleteMode}
+                thumbnailOnError={this.thumbnailOnError}
                 state={this.state}
                 {...this.props}/>
     }

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={props.state.imageClassname} src={props.state.image} alt="access"/>
+			<img className={props.state.imageClassname} src={props.state.image} onError={props.thumbnailOnError}/>
         </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

@@ -111,6 +111,18 @@ class QuickAccessItemContainer extends React.Component {
         })
     }
 
+    thumbnailOnError = () => {
+
+        console.log("thumbnail on error");
+
+        this.setState(() => ({
+            ...this.state,
+            image: "/images/file-svg.svg",
+            imageClassname: "noSelect file__item-no-thumbnail",
+        }))
+
+    }
+
     onTouchStart = () => {
         const date = new Date();
         this.lastTouch = date.getTime();
@@ -253,6 +265,7 @@ class QuickAccessItemContainer extends React.Component {
                 closeEditNameMode={this.closeEditNameMode}
                 changeDeleteMode={this.changeDeleteMode}
                 startMovingFile={this.startMovingFile}
+                thumbnailOnError={this.thumbnailOnError}
                 state={this.state} 
                 {...this.props}/>
     }