diff --git a/app/javascript/gabsocial/components/image.js b/app/javascript/gabsocial/components/image.js index 04f88489..9442972b 100644 --- a/app/javascript/gabsocial/components/image.js +++ b/app/javascript/gabsocial/components/image.js @@ -8,7 +8,7 @@ export default class Image extends React.PureComponent { static propTypes = { alt: PropTypes.string.isRequired, - src: PropTypes.string, + isLazy: PropTypes.string, className: PropTypes.string, width: PropTypes.oneOfType([ PropTypes.string, @@ -44,7 +44,7 @@ export default class Image extends React.PureComponent { fit, className, nullable, - lazy, + isLazy, imageRef, ...otherProps } = this.props @@ -75,6 +75,7 @@ export default class Image extends React.PureComponent { ref={imageRef} src={src} onError={this.handleOnError} + loading={isLazy ? 'lazy' : undefined} /> ) } diff --git a/app/javascript/gabsocial/components/media_gallery.js b/app/javascript/gabsocial/components/media_gallery.js index ff7ebe7b..9a44a8c5 100644 --- a/app/javascript/gabsocial/components/media_gallery.js +++ b/app/javascript/gabsocial/components/media_gallery.js @@ -185,6 +185,7 @@ class Item extends ImmutablePureComponent { style={{ borderRadius }} > let embed = '' const thumbnail = interactive ? - {''} + {''} : ( - {''} + {''} )