stepus53/photos
1
0
Fork 0
mirror of https://github.com/usatiuk/photos.git synced 2025-10-29 07:47:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

always smooth image opening

Browse Source
This commit is contained in:
Stepan Usatiuk
2020-12-13 19:22:45 +03:00
committed by Stepan Usatiuk
parent 08c83e7284
commit 019a206e05
5 changed files with 49 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/Photos/PhotoCard.tsx
View File

@@ -16,6 +16,7 @@ import { photoDeleteCancel, photoDeleteStart } from "~redux/photos/actions";
import { connect } from "react-redux";
import { LoadingStub } from "~LoadingStub";
import { RouteComponentProps, withRouter } from "react-router";
import { LargeSize, PreviewSize } from "./helper";
export interface IPhotoCardComponentProps extends RouteComponentProps {
photo: IPhotoReqJSON;
@@ -76,12 +77,12 @@ export class PhotoCardComponent extends React.PureComponent<
>
{fileExists ? (
<img
src={getPhotoThumbPath(this.props.photo, 512)}
src={getPhotoThumbPath(this.props.photo, PreviewSize)}
className={this.state.loaded ? "loaded" : "notLoaded"}
onLoad={() => this.setLoaded(true)}
onMouseEnter={() =>
preloadImage(
getPhotoThumbPath(this.props.photo, 2048),
getPhotoThumbPath(this.props.photo, LargeSize),
)
}
></img>