From 6e854428f22cdafccfba52c110c4e73bb606822d Mon Sep 17 00:00:00 2001
From: John Ngei <johnmutuku628@gmail.com>
Date: Wed, 17 Apr 2024 10:28:49 +0200
Subject: [PATCH] fix: pinned messages empty state drawer margin issues

---
 src/quo/components/empty_state/empty_state/styles.cljs | 10 ++++++++--
 src/quo/components/empty_state/empty_state/view.cljs   |  7 ++++---
 .../chat/messenger/menus/pinned_messages/style.cljs    |  8 ++++----
 .../contexts/chat/messenger/messages/pin/events.cljs   |  9 ++++++---
 4 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/quo/components/empty_state/empty_state/styles.cljs b/src/quo/components/empty_state/empty_state/styles.cljs
index 4950af000b..89549726f6 100644
--- a/src/quo/components/empty_state/empty_state/styles.cljs
+++ b/src/quo/components/empty_state/empty_state/styles.cljs
@@ -7,8 +7,14 @@
    :align-items :center})
 
 (def image
-  {:width  80
-   :height 80})
+  {:width  72
+   :height 72})
+
+(def image-container
+  {:width           80
+   :height          80
+   :align-items     :center
+   :justify-content :center})
 
 (def text-container
   {:margin-top  12
diff --git a/src/quo/components/empty_state/empty_state/view.cljs b/src/quo/components/empty_state/empty_state/view.cljs
index 42b2dc613c..7c27e3818a 100644
--- a/src/quo/components/empty_state/empty_state/view.cljs
+++ b/src/quo/components/empty_state/empty_state/view.cljs
@@ -15,9 +15,10 @@
   [rn/view {:style (merge styles/container container-style)}
    (if placeholder?
      [rn/view {:style styles/image-placeholder}]
-     [fast-image/fast-image
-      {:style  styles/image
-       :source image}])
+     [rn/view {:style styles/image-container}
+      [fast-image/fast-image
+       {:style  styles/image
+        :source image}]])
    [rn/view {:style styles/text-container}
     [text/text
      {:style           (styles/title blur?)
diff --git a/src/status_im/contexts/chat/messenger/menus/pinned_messages/style.cljs b/src/status_im/contexts/chat/messenger/menus/pinned_messages/style.cljs
index ad7b9cf3d3..ca3a903062 100644
--- a/src/status_im/contexts/chat/messenger/menus/pinned_messages/style.cljs
+++ b/src/status_im/contexts/chat/messenger/menus/pinned_messages/style.cljs
@@ -8,13 +8,13 @@
    :margin-bottom      (when-not community? 12)})
 
 (def community-tag-container
-  {:margin-horizontal 20 :margin-top 4 :margin-bottom 12})
+  {:margin-horizontal 20
+   :margin-top        4
+   :margin-bottom     12})
 
 (def no-pinned-messages-container
   {:justify-content :center
-   :align-items     :center
-   :margin          12
-   :margin-bottom   (when platform/android? 12)})
+   :align-items     :center})
 
 (def list-footer
   {:height (when platform/android? 12)})
diff --git a/src/status_im/contexts/chat/messenger/messages/pin/events.cljs b/src/status_im/contexts/chat/messenger/messages/pin/events.cljs
index d35acbef81..39f585d5b5 100644
--- a/src/status_im/contexts/chat/messenger/messages/pin/events.cljs
+++ b/src/status_im/contexts/chat/messenger/messages/pin/events.cljs
@@ -130,6 +130,9 @@
   [cofx chat-id]
   (navigation/show-bottom-sheet
    cofx
-   {:content (fn [] [pinned-messages-menu/view
-                     {:chat-id                     chat-id
-                      :disable-message-long-press? (not= :chat (get-in cofx [:db :view-id]))}])}))
+   {:padding-bottom-override 21
+    :content                 (fn [] [pinned-messages-menu/view
+                                     {:chat-id                     chat-id
+                                      :disable-message-long-press? (not= :chat
+                                                                         (get-in cofx
+                                                                                 [:db :view-id]))}])}))