Fix topbar back-button flickering

Signed-off-by: Andrea Maria Piana <andrea.maria.piana@gmail.com>

Author: cammellos

src/status_im/ui/components/chat_icon/screen.cljs

@@ -8,6 +8,8 @@
             [status-im.ui.screens.chat.photos :as photos]
             [status-im.utils.platform :as platform]))
 
+;;TODO REWORK THIS NAMESPACE
+
 (defn default-chat-icon [name styles]
   (when-not (string/blank? name)
     [react/view (:default-chat-icon styles)

src/status_im/ui/components/topbar.cljs

@@ -33,9 +33,10 @@
         [react/text {:style {:color colors/blue}}
          (utils.label/stringify label)])]]))
 
+(def default-title-padding 16)
 ;; TODO(Ferossgp): Tobbar should handle safe area
-(defn topbar [_]
-  (let [title-padding (reagent/atom 16)]
+(defn topbar [{:keys [initial-title-padding]}]
+  (let [title-padding (reagent/atom (or initial-title-padding default-title-padding))]
     (fn [& [{:keys [title navigation accessories show-border? modal? content]}]]
       (let [navigation (or navigation (default-navigation modal?))]
         [react/view (cond-> {:height 56 :align-items :center :flex-direction :row}

src/status_im/ui/screens/chat/message/message.cljs

@@ -38,7 +38,7 @@
    appender])
 
 (defview quoted-message
-  [_ {:keys [from text]} outgoing current-public-key public?]
+  [_ {:keys [from text image]} outgoing current-public-key public?]
   (letsubs [contact-name [:contacts/contact-name-by-identity from]]
     [react/view {:style (style/quoted-message-container outgoing)}
      [react/view {:style style/quoted-message-author-container}

src/status_im/ui/screens/chat/sheets.cljs

@@ -6,6 +6,7 @@
             [status-im.utils.universal-links.core :as universal-links]
             [status-im.ui.components.chat-icon.screen :as chat-icon]
             [status-im.ui.components.colors :as colors]
+            [status-im.multiaccounts.core :as multiaccounts]
             [status-im.utils.platform :as platform]
             [status-im.ui.screens.chat.styles.message.sheets :as sheets.styles]
             [status-im.ui.components.list-item.views :as list-item]))

src/status_im/ui/screens/chat/views.cljs

@@ -27,6 +27,7 @@
   [topbar/topbar
    {:content      [toolbar-content/toolbar-content-view]
     :show-border? true
+    :initial-title-padding 56
     :navigation   {:icon                :main-icons/back
                    :accessibility-label :back-button
                    :handler

src/status_im/ui/screens/home/views/inner_item.cljs

@@ -121,6 +121,9 @@
                                    :else nil)
       :title                     (if group-chat
                                    (utils/truncate-str chat-name 30)
+                                   ;; This looks a bit odd, but I would like only to subscribe
+                                   ;; if it's a one-to-one. If wrapped in a component styling
+                                   ;; won't be applied correctly.
                                    @(re-frame/subscribe [:contacts/contact-name-by-identity chat-id]))
       :title-accessibility-label :chat-name-text
       :title-row-accessory       [message-timestamp (if (pos? (:whisper-timestamp last-message))