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 ?
-
+
:
(
-
+
)