Avatars are missing in messages bridged from Discord to Status app (#19994)

src/react_native/fast_image.cljs

@@ -15,7 +15,7 @@
   [_]
   (let [loaded? (reagent/atom false)
         error?  (reagent/atom false)]
-    (fn [{:keys [source] :as props}]
+    (fn [{:keys [source fallback-content] :as props}]
       [fast-image-class
        (merge
         props
@@ -35,6 +35,6 @@
        (when (or @error? (not @loaded?))
          [placeholder (:style props)
           (if @error?
-            [rn/text "X"]
+            (or fallback-content [rn/text "X"])
             (when-not @loaded?
               [rn/activity-indicator {:animating true}]))])])))

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

@@ -126,12 +126,19 @@
                                         (-> user-name
                                             (string/replace "<b>" "")
                                             (string/replace "</b>" "")))]
+    (when (and user-name content)
       [rn/view
        {:style {:flex-direction     :row
                 :padding-horizontal 12
                 :padding-top        4}}
        [fast-image/fast-image
         {:source           {:uri user-avatar}
+         :fallback-content [quo/user-avatar
+                            {:full-name         user-name
+                             :ring?             false
+                             :online?           false
+                             :status-indicator? false
+                             :size              :small}]
          :style            {:width         32
                             :margin-top    4
                             :border-radius 16
@@ -144,7 +151,7 @@
         [quo/text
          {:size  :paragraph-1
           :style {:line-height 22.75}}
-       content]]]))
+         content]]])))
 
 (declare on-long-press)