fix the mention highlighted area is only updated after reopening the chat (#19076)

src/status_im/contexts/chat/messenger/messages/content/text/style.cljs

@@ -14,18 +14,18 @@
 
 (defn mention-tag-wrapper
   [first-child-mention]
-  {:flex-direction     :row
+  {:flex-direction :row
-   :align-items        :center
+   :align-items    :center
-   :height             (if platform/ios? 22 21)
+   :height         (if platform/ios? 22 21)
-   :background-color   colors/primary-50-opa-10
+   :border-radius  6
-   :padding-horizontal 3
+   :transform      [{:translateY (if platform/ios? (if first-child-mention 4.5 3) 4.5)}]})
-   :border-radius      6
-   :transform          [{:translateY (if platform/ios? (if first-child-mention 4.5 3) 4.5)}]})
 
 (def mention-tag-text
   {:color                 (colors/theme-colors colors/primary-50
                                                colors/primary-60)
    :selection-color       :transparent
+   :background-color      colors/primary-50-opa-10
+   :padding-horizontal    3
    :suppress-highlighting true})
 
 (defn code

src/status_im/contexts/chat/messenger/messages/content/text/view.cljs

@@ -56,14 +56,16 @@
       :mention
       (conj
        units
-       [rn/pressable
+       (let [resolved-mention (rf/sub [:messages/resolve-mention literal])]
-        {:on-press #(rf/dispatch [:chat.ui/show-profile literal])
+         [rn/pressable
-         :style    (style/mention-tag-wrapper first-child-mention)}
+          {:on-press #(rf/dispatch [:chat.ui/show-profile literal])
-        [quo/text
+           :key      resolved-mention
-         {:weight :medium
+           :style    (style/mention-tag-wrapper first-child-mention)}
-          :style  style/mention-tag-text
+          [quo/text
-          :size   :paragraph-1}
+           {:weight :medium
-         (rf/sub [:messages/resolve-mention literal])]])
+            :style  style/mention-tag-text
+            :size   :paragraph-1}
+           resolved-mention]]))
 
       :edited
       (conj units