LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Open ZoomableImage viewer when clicking on the image

Browse source
This commit is contained in:
togekk1 2021-02-17 23:02:57 +08:00 committed by Sean Yesmunt
parent 00017e241e
commit 232841ef5e
2 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -2,6 +2,7 @@
import React from 'react'; import React from 'react';
import Card from 'component/common/card'; import Card from 'component/common/card';
import ErrorText from 'component/common/error-text'; import ErrorText from 'component/common/error-text';
import ZoomableImage from 'component/zoomableImage';
type Props = { type Props = {
source: string, source: string,
@ -21,7 +22,7 @@ function ImageViewer(props: Props) {
)} )}
{!loadingError && ( {!loadingError && (
<div className="file-viewer"> <div className="file-viewer">
<img src={source} onError={() => setLoadingError(true)} /> <ZoomableImage src={source} onError={() => setLoadingError(true)} />
</div> </div>
)} )}
</React.Fragment> </React.Fragment>

6
ui/scss/component/_file-render.scss
View file

@ -726,3 +726,9 @@ video::-internal-media-controls-overlay-cast-button {
} }
} }
} }
.file-page__image {
img {
cursor: pointer;
}
}