diff --git a/src/components/FileItem/FileItem.js b/src/components/FileItem/FileItem.js index 12b5c6f..9fffb0e 100644 --- a/src/components/FileItem/FileItem.js +++ b/src/components/FileItem/FileItem.js @@ -101,7 +101,7 @@ const FileItem = (props) => {
- access +

{capitalize(props.filename)}

diff --git a/src/components/FileItem/index.js b/src/components/FileItem/index.js index cf4ba59..8a31ba8 100644 --- a/src/components/FileItem/index.js +++ b/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}/> } diff --git a/src/components/QuickAccessItem/QuickAccessItem.js b/src/components/QuickAccessItem/QuickAccessItem.js index f6287df..f8cf7f5 100644 --- a/src/components/QuickAccessItem/QuickAccessItem.js +++ b/src/components/QuickAccessItem/QuickAccessItem.js @@ -15,7 +15,7 @@ const QuickAccessItem = (props) => (
- access +

{capitalize(props.filename)}

diff --git a/src/components/QuickAccessItem/index.js b/src/components/QuickAccessItem/index.js index 1e71c92..3cc4782 100644 --- a/src/components/QuickAccessItem/index.js +++ b/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}/> }