From 782f156070948e4c5382615aa4d0fe2a2983a3ab Mon Sep 17 00:00:00 2001
From: RoyceDa <admin@rosetta-im.com>
Date: Wed, 18 Feb 2026 20:23:17 +0200
Subject: [PATCH] =?UTF-8?q?=D0=A4=D0=B8=D0=BA=D1=81=20=D0=BF=D0=BB=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=B0=D1=8E=D1=89=D0=B5=D0=B9=20=D0=B8=D0=BA=D0=BE=D0=BD?=
 =?UTF-8?q?=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/MessageAttachments/MessageImage.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/MessageAttachments/MessageImage.tsx b/app/components/MessageAttachments/MessageImage.tsx
index 2361ed6..d9247d3 100644
--- a/app/components/MessageAttachments/MessageImage.tsx
+++ b/app/components/MessageAttachments/MessageImage.tsx
@@ -55,7 +55,7 @@ export function MessageImage(props: AttachmentProps) {
             return;
         }
     }
-
+    console.info(downloadStatus);
     return (
         <AspectRatio onClick={onClick} ref={mainRef} style={{
             minWidth: 200,
@@ -76,7 +76,7 @@ export function MessageImage(props: AttachmentProps) {
                     border: '1px solid ' + colors.borderColor,
                     display: loadedImage ? 'block' : 'none'
                 }} src={blob} onLoad={() => setLoadedImage(true)}></img>)}
-            {((downloadStatus != DownloadStatus.DOWNLOADED && downloadStatus != DownloadStatus.PENDING) || !loadedImage) && preview.length >= 20 && (
+            {((downloadStatus == DownloadStatus.NOT_DOWNLOADED) || !loadedImage) && preview.length >= 20 && (
                 <>
                     <img style={{
                         minHeight: 220,
@@ -85,8 +85,8 @@ export function MessageImage(props: AttachmentProps) {
                         objectFit: 'cover',
                         border: '1px solid ' + colors.borderColor
                     }} src={/*block render???*/blurhashToBase64Image(preview, 200, 220)}></img>
-                    <Portal target={mainRef.current!}>
-                        <Flex direction={'column'} pos={'absolute'} justify={'center'} top={0} h={'100%'} align={'center'} gap={'xs'}>
+                    <Overlay center h={'100%'} radius={8} opacity={1} color="transparent">
+                        <Flex direction={'column'} pos={'absolute'} top={0} justify={'center'} h={'100%'} align={'center'} gap={'xs'}>
                             {!error && (
                                 <Box style={{
                                     backgroundColor: 'rgba(0, 0, 0, 0.3)',
@@ -122,7 +122,7 @@ export function MessageImage(props: AttachmentProps) {
                                 </Box>
                             )}
                         </Flex>
-                    </Portal>
+                    </Overlay>
                 </>
             )}