From 9b5c527a8a581c0d8ce07a0c62cda142326c0d24 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 6 Sep 2024 15:43:10 +0200
Subject: [PATCH] Photo: Fix flickering broken image after migrating to
 Offscreen Canvas blur

---
 src/components/middle/message/Photo.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/middle/message/Photo.tsx b/src/components/middle/message/Photo.tsx
index 0bc362df8..8cd045bae 100644
--- a/src/components/middle/message/Photo.tsx
+++ b/src/components/middle/message/Photo.tsx
@@ -218,13 +218,15 @@ const Photo = <T,>({
       {withBlurredBackground && (
         <canvas ref={blurredBackgroundRef} className="thumbnail blurred-bg" />
       )}
-      <img
-        src={fullMediaData}
-        className={buildClassName('full-media', withBlurredBackground && 'with-blurred-bg')}
-        alt=""
-        style={forcedWidth ? `width: ${forcedWidth}px` : undefined}
-        draggable={!isProtected}
-      />
+      {fullMediaData && (
+        <img
+          src={fullMediaData}
+          className={buildClassName('full-media', withBlurredBackground && 'with-blurred-bg')}
+          alt=""
+          style={forcedWidth ? `width: ${forcedWidth}px` : undefined}
+          draggable={!isProtected}
+        />
+      )}
       {withThumb && (
         <canvas
           ref={thumbRef}