diff --git a/src/quo/components/profile/collectible_list_item/view.cljs b/src/quo/components/profile/collectible_list_item/view.cljs index 4d3af36ca9..1f5f3c6eb0 100644 --- a/src/quo/components/profile/collectible_list_item/view.cljs +++ b/src/quo/components/profile/collectible_list_item/view.cljs @@ -150,22 +150,23 @@ [rn/view {:style (style/card-view-container theme)} [rn/view {:style {:aspect-ratio 1}} (cond - (:image-error? state) [fallback-view - {:image-opacity image-opacity - :on-load-end set-image-loaded - :theme theme - :label (i18n/label :t/cant-fetch-info)}] - (not supported-file?) [fallback-view - {:image-opacity image-opacity - :on-load-end set-image-loaded - :theme theme - :label (i18n/label :t/unsupported-file)}] - (not (:image-loaded? state)) [loading-image - {:loader-opacity loader-opacity - :theme theme - :gradient-color-index gradient-color-index}]) + (:image-error? state) [fallback-view + {:image-opacity image-opacity + :on-load-end set-image-loaded + :theme theme + :label (i18n/label :t/cant-fetch-info)}] + (not supported-file?) [fallback-view + {:image-opacity image-opacity + :on-load-end set-image-loaded + :theme theme + :label (i18n/label :t/unsupported-file)}] + (or (not (:image-loaded? state)) + loading?) [loading-image + {:loader-opacity loader-opacity + :theme theme + :gradient-color-index gradient-color-index}]) - (when supported-file? + (when (and supported-file? (not loading?)) [reanimated/view {:style (style/supported-file image-opacity)} [rn/image {:style style/image