diff --git a/src/pages/catchup.jsx b/src/pages/catchup.jsx
index d05e9f31..7aa86c87 100644
--- a/src/pages/catchup.jsx
+++ b/src/pages/catchup.jsx
@@ -1261,49 +1261,71 @@ function PostPeek({ post, filterInfo }) {
)}
{!!mediaAttachments?.length
- ? mediaAttachments.map((m) => (
-
- {{
- image:
- (m.previewUrl || m.url) && showMedia ? (
-
- ) : (
- 🖼
- ),
- gifv:
- m.previewUrl && showMedia ? (
-
- ) : (
- 🎞️
- ),
- video:
- m.previewUrl && showMedia ? (
-
- ) : (
- 📹
- ),
- audio: 🎵,
- }[m.type] || null}
-
- ))
+ ? mediaAttachments.map((m) => {
+ const mediaURL = m.previewUrl || m.url;
+ const remoteMediaURL = m.previewRemoteUrl || m.remoteUrl;
+ return (
+
+ {{
+ image:
+ (mediaURL || remoteMediaURL) && showMedia ? (
+
{
+ const { src } = e.target;
+ if (src === mediaURL) {
+ e.target.src = remoteMediaURL;
+ }
+ }}
+ />
+ ) : (
+ 🖼
+ ),
+ gifv:
+ (mediaURL || remoteMediaURL) && showMedia ? (
+
{
+ const { src } = e.target;
+ if (src === mediaURL) {
+ e.target.src = remoteMediaURL;
+ }
+ }}
+ />
+ ) : (
+ 🎞️
+ ),
+ video:
+ (mediaURL || remoteMediaURL) && showMedia ? (
+
{
+ const { src } = e.target;
+ if (src === mediaURL) {
+ e.target.src = remoteMediaURL;
+ }
+ }}
+ />
+ ) : (
+ 📹
+ ),
+ audio: 🎵,
+ }[m.type] || null}
+
+ );
+ })
: !!card &&
card.image &&
showMedia && (