Fix topbar back-button flickering

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] :as opts}]
+  (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/views.cljs

@@ -26,6 +26,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

@@ -116,6 +116,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))