From 8e4ca881ad1ed90b8d9cf3084c01df7a570c6986 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sat, 23 Sep 2023 15:57:34 +0200
Subject: [PATCH] fix(mobile reply): remove unnecessary width calculation for
 reply images

---
 src/components/views/All.jsx           | 6 +-----
 src/components/views/Board.jsx         | 6 +-----
 src/components/views/Subscriptions.jsx | 6 +-----
 3 files changed, 3 insertions(+), 15 deletions(-)

diff --git a/src/components/views/All.jsx b/src/components/views/All.jsx
index 2e0c596c..1a11d106 100755
--- a/src/components/views/All.jsx
+++ b/src/components/views/All.jsx
@@ -2752,11 +2752,7 @@ const All = () => {
                                         </div>
                                       ) : replyMediaInfo.type === 'image' ? (
                                         <div key={`enlarge-mob-reply-${index}`} className='img-container'>
-                                          <span
-                                            key={`mob-ft${reply.cid}`}
-                                            className='file-thumb-mobile'
-                                            style={isMobileReplyThumbnailClicked[index] ? {} : { width: displayWidthMobile, height: displayHeightMobile }}
-                                          >
+                                          <span key={`mob-ft${reply.cid}`} className='file-thumb-mobile'>
                                             <img
                                               key={`mob-img-${index}`}
                                               src={replyMediaInfo.url}
diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index 6b1ecee3..af954a71 100755
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -3803,11 +3803,7 @@ const Board = () => {
                                           </div>
                                         ) : replyMediaInfo.type === 'image' ? (
                                           <div key={`enlarge-mob-reply-${index}`} className='img-container'>
-                                            <span
-                                              key={`mob-ft${reply.cid}`}
-                                              className='file-thumb-mobile'
-                                              style={isMobileReplyThumbnailClicked[index] ? {} : { width: displayWidthMobile, height: displayHeightMobile }}
-                                            >
+                                            <span key={`mob-ft${reply.cid}`} className='file-thumb-mobile'>
                                               <img
                                                 key={`mob-img-${index}`}
                                                 src={replyMediaInfo.url}
diff --git a/src/components/views/Subscriptions.jsx b/src/components/views/Subscriptions.jsx
index 8fcd250a..be5dac80 100755
--- a/src/components/views/Subscriptions.jsx
+++ b/src/components/views/Subscriptions.jsx
@@ -2762,11 +2762,7 @@ const Subscriptions = () => {
                                         </div>
                                       ) : replyMediaInfo.type === 'image' ? (
                                         <div key={`enlarge-mob-reply-${index}`} className='img-container'>
-                                          <span
-                                            key={`mob-ft${reply.cid}`}
-                                            className='file-thumb-mobile'
-                                            style={isMobileReplyThumbnailClicked[index] ? {} : { width: displayWidthMobile, height: displayHeightMobile }}
-                                          >
+                                          <span key={`mob-ft${reply.cid}`} className='file-thumb-mobile'>
                                             <img
                                               key={`mob-img-${index}`}
                                               src={replyMediaInfo.url}