From c0e10b7c6fe137db1dbceb1e08e580dd14463f38 Mon Sep 17 00:00:00 2001
From: Parvesh Monu <parvesh.dhullmonu@gmail.com>
Date: Wed, 5 Jun 2024 18:46:17 +0530
Subject: [PATCH] fix long-press message/chat preview is missing (#20349)

---
 src/status_im/common/bottom_sheet/style.cljs | 21 ++++++++++++--------
 src/status_im/common/bottom_sheet/view.cljs  | 13 ++++++------
 2 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/src/status_im/common/bottom_sheet/style.cljs b/src/status_im/common/bottom_sheet/style.cljs
index a4e8cb7c7f..5c7e474575 100644
--- a/src/status_im/common/bottom_sheet/style.cljs
+++ b/src/status_im/common/bottom_sheet/style.cljs
@@ -14,8 +14,7 @@
    :z-index                 1
    :max-height              max-height
    :border-top-left-radius  sheet-border-radius
-   :border-top-right-radius sheet-border-radius
-   :overflow                :hidden})
+   :border-top-right-radius sheet-border-radius})
 
 (def gradient-bg
   {:position :absolute
@@ -25,14 +24,20 @@
 
 (defn shell-bg
   [blur-background]
-  {:position         :absolute
-   :background-color (if blur-background
+  {:background-color (if blur-background
                        blur-background
                        (if platform/ios? colors/white-opa-5 colors/neutral-100-opa-90))
-   :left             0
-   :right            0
-   :top              0
-   :bottom           0})
+   :flex             1})
+
+(def shell-bg-container
+  {:border-top-left-radius  sheet-border-radius
+   :border-top-right-radius sheet-border-radius
+   :left                    0
+   :right                   0
+   :top                     0
+   :bottom                  0
+   :position                :absolute
+   :overflow                :hidden})
 
 (defn sheet-content
   [{:keys [theme padding-bottom shell?]}]
diff --git a/src/status_im/common/bottom_sheet/view.cljs b/src/status_im/common/bottom_sheet/view.cljs
index f982b619de..31523dc13e 100644
--- a/src/status_im/common/bottom_sheet/view.cljs
+++ b/src/status_im/common/bottom_sheet/view.cljs
@@ -133,12 +133,13 @@
                 {:transform [{:translateY translate-y}]}
                 (style/sheet {:max-height sheet-max-height}))}
        (when shell?
-         [blur/ios-view
-          {:style         (style/shell-bg blur-background)
-           :blur-radius   (or blur-radius 20)
-           :blur-amount   32
-           :blur-type     :transparent
-           :overlay-color :transparent}])
+         [rn/view {:style style/shell-bg-container}
+          [blur/ios-view
+           {:style         (style/shell-bg blur-background)
+            :blur-radius   (or blur-radius 20)
+            :blur-amount   32
+            :blur-type     :transparent
+            :overlay-color :transparent}]])
        (when selected-item
          [rn/view
           {:on-layout handle-item-height