LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-08-29 16:31:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

First attempt to fix #3993. Show error message

Browse source 
if image is not able to be displayed by browser.
This commit is contained in:
Jeffrey Fisher 2020-04-17 18:41:15 -07:00 • committed by Sean Yesmunt
parent f7747a73b6
commit b786ba82ae
1 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
ui/component/viewers/imageViewer.jsx
View file

@ -1,5 +1,7 @@
// @flow // @flow
import React from 'react'; import React from 'react';
import Card from 'component/common/card';
import ErrorText from 'component/common/error-text';
type Props = { type Props = {
source: string, source: string,
@ -7,10 +9,23 @@ type Props = {
function ImageViewer(props: Props) { function ImageViewer(props: Props) {
const { source } = props; const { source } = props;
const [loadingError, setLoadingError] = React.useState(false);
return ( return (
<div className="file-render__viewer"> <React.Fragment>
<img src={source} /> {loadingError && (
</div> <Card
title={__('Error Displaying Image')}
defaultExpand
actions={<ErrorText>There was an error displaying the image. You may still download it.</ErrorText>}
/>
)}
{!loadingError && (
<div className="file-render__viewer">
<img src={source} onError={() => setLoadingError(true)} />
</div>
)}
</React.Fragment>
); );
} }