fix: deleted-by user name style (#15218)

src/quo2/components/messages/author/view.cljs

@@ -3,8 +3,8 @@
             [quo2.components.icon :as icons]
             [quo2.components.markdown.text :as text]
             [quo2.components.messages.author.style :as style]
-            [react-native.core :as rn]
-            [quo2.foundations.colors :as colors]))
+            [quo2.foundations.colors :as colors]
+            [react-native.core :as rn]))
 
 (def middle-dot "·")
 
@@ -17,17 +17,20 @@
        [text/text
         {:weight          :semi-bold
          :size            :paragraph-2
+         :number-of-lines 1
          :style           {:color (colors/theme-colors colors/neutral-100 colors/white)}}
         primary-name]
        (when (not (string/blank? secondary-name))
          [:<>
           [text/text
            {:size            :paragraph-2
+            :number-of-lines 1
             :style           style/middle-dot-nickname}
            middle-dot]
           [text/text
            {:weight          :medium
             :size            :paragraph-2
+            :number-of-lines 1
             :style           {:color (colors/theme-colors colors/neutral-60 colors/neutral-40)}}
            secondary-name]])]
       (when contact?
@@ -46,21 +49,25 @@
          {:size            12
           :no-color        true
           :container-style style/icon-container}])
-      (when-not verified?
+      (when (and (not verified?) short-chat-key)
         [text/text
          {:monospace       true
           :size            :paragraph-2
+          :number-of-lines 1
           :style           style/chat-key-text}
          short-chat-key])
       (when (and (not verified?) time-str)
         [text/text
          {:monospace       true
           :size            :paragraph-2
+          :number-of-lines 1
           :style           style/middle-dot-chat-key}
          middle-dot])
+      (when time-str
         [text/text
          {:monospace           true
           :size                :paragraph-2
           :accessibility-label :message-timestamp
+          :number-of-lines     1
           :style               (style/time-text verified?)}
-       time-str]])])
+         time-str])])])

src/status_im2/contexts/chat/messages/content/deleted/view.cljs

@@ -7,7 +7,11 @@
 
 (defn user-xxx-deleted-this-message
   [{:keys [display-name profile-picture]}]
-  [rn/view {:style {:flex-direction :row :align-items :center :flex 1 :flex-wrap :wrap}}
+  [rn/view
+   {:style {:flex-direction :row
+            :align-items    :center
+            :flex           1
+            :flex-wrap      :wrap}}
    [rn/view {:style {:margin-right 4}}
     [quo/user-avatar
      {:full-name         display-name
@@ -16,7 +20,10 @@
       :ring?             false
       :size              :xxxs}]]
    [quo/author {:primary-name display-name}]
-   [quo/text {:style {:margin-left 4} :size :paragraph-2}
+   [quo/text
+    {:style           {:margin-left 4}
+     :size            :paragraph-2
+     :number-of-lines 1}
     (i18n/label :t/deleted-this-message)]])
 
 (defn- compute-on-long-press-fn