fix duplicate mention (#19203)

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

@@ -17,6 +17,8 @@
   {:flex-direction     :row
    :align-items        :center
    :height             (if platform/ios? 22 21)
+   :background-color   colors/primary-50-opa-10
+   :padding-horizontal 3
    :border-radius      6
    :transform          [{:translateY (if platform/ios? (if first-child-mention 4.5 3) 4.5)}]})
 
@@ -24,8 +26,6 @@
   {: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

@@ -57,16 +57,14 @@
       :mention
       (conj
        units
-       (let [resolved-mention (rf/sub [:messages/resolve-mention literal])]
        [rn/pressable
         {:on-press #(rf/dispatch [:chat.ui/show-profile literal])
-           :key      resolved-mention
          :style    (style/mention-tag-wrapper first-child-mention)}
         [quo/text
          {:weight :medium
           :style  style/mention-tag-text
           :size   :paragraph-1}
-           resolved-mention]]))
+         (rf/sub [:messages/resolve-mention literal])]])
 
       :edited
       (conj units
@@ -108,6 +106,7 @@
                 (render-inline acc e chat-id style-override mention-first))
               [quo/text
                {:size  :paragraph-1
+                :key   (rand-int 1000000) ;; https://github.com/status-im/status-mobile/pull/19203
                 :style {:margin-bottom (if mention-first (if platform/ios? 4 0) 2)
                         :margin-top    (if mention-first (if platform/ios? -4 0) -1)
                         :color         (when (seq style-override) colors/white)