fix: resolve UI glitches for chat, contacts, and keycard (#21946)

This change resolves some issues related to text-overflow in the app, and it also ensures we use the correct drawer title when editing a user nickname.
status-im · Jan 24, 2025 · 94fbbbc · 94fbbbc
1 parent 4dfd616
commit 94fbbbc
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/quo/components/selectors/disclaimer/style.cljs b/src/quo/components/selectors/disclaimer/style.cljs
@@ -15,7 +15,8 @@
      :border-color     (colors/theme-colors colors/neutral-20 dark-border theme)}))
 
 (def text
-  {:margin-left 8})
+  {:flex        1
+   :margin-left 8})
 
 (def icon-container
   {:align-items :flex-end

diff --git a/src/status_im/contexts/chat/messenger/messages/content/view.cljs b/src/status_im/contexts/chat/messenger/messages/content/view.cljs
@@ -159,7 +159,9 @@
   [content]
   (reduce (fn [acc e]
             (conj acc (resolve-group-system-message e)))
-          [quo/text]
+          [rn/view
+           {:style {:flex-direction :row
+                    :flex-wrap      :wrap}}]
           (:parsed-text content)))
 
 (defn group-system-message

diff --git a/src/status_im/contexts/profile/contact/add_nickname/view.cljs b/src/status_im/contexts/profile/contact/add_nickname/view.cljs
@@ -52,7 +52,9 @@
      [quo/drawer-top
       {:type                :context-tag
        :context-tag-type    :default
-       :title               (i18n/label :t/add-nickname-title)
+       :title               (if has-nickname?
+                              (i18n/label :t/edit-nickname)
+                              (i18n/label :t/add-nickname-title))
        :full-name           full-name
        :profile-picture     profile-picture
        :customization-color customization-color}]