status-im/status-react
2
0
Fork 0
mirror of https://github.com/status-im/status-react.git synced 2025-01-09 10:42:53 +00:00
Code Issues Projects Releases Wiki Activity

chore: separate resources for old and new ui (#15108)

Browse Source
This commit is contained in:
Jamie Caprani 2023-03-02 13:25:01 +00:00 committed by GitHub
parent 01c058fecc
commit 39c39915a7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
53 changed files with 279 additions and 268 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
resources/images/mock/coinbase@2x.png → resources/images/mock2/coinbase@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

0
resources/images/mock/collectible.png → resources/images/mock2/collectible.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

0
resources/images/mock/community-banner@2x.png → resources/images/mock2/community-banner@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 35 KiB

0
resources/images/ui/community-cover.png → resources/images/mock2/community-cover.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 233 KiB

After

Width:  |  Height:  |  Size: 233 KiB

0
resources/images/mock/community-logo@2x.png → resources/images/mock2/community-logo@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

0
resources/images/mock/gif@2x.png → resources/images/mock2/gif@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

0
resources/images/mock/photo1@2x.png → resources/images/mock2/photo1@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB

0
resources/images/mock/photo2@2x.png → resources/images/mock2/photo2@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

0
resources/images/mock/photo3@2x.png → resources/images/mock2/photo3@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

0
resources/images/mock/ring.png → resources/images/mock2/ring.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 989 B

After

Width:  |  Height:  |  Size: 989 B

0
resources/images/mock/small_opt_card_icon.png → resources/images/mock2/small_opt_card_icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

0
resources/images/mock/small_opt_card_main.png → resources/images/mock2/small_opt_card_main.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 539 KiB

After

Width:  |  Height:  |  Size: 539 KiB

BIN
resources/images/mock2/status-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

0
resources/images/mock/sticker@2x.png → resources/images/mock2/sticker@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

0
resources/images/mock/user_picture_female2@2x.png → resources/images/mock2/user_picture_female2@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

0
resources/images/mock/user_picture_male4@2x.png → resources/images/mock2/user_picture_male4@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

0
resources/images/mock/user_picture_male5@2x.png → resources/images/mock2/user_picture_male5@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

0
resources/images/ui/add-contact@2x.png → resources/images/ui2/add-contact@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 112 KiB

After

Width:  |  Height:  |  Size: 112 KiB

0
resources/images/ui/add-contact@3x.png → resources/images/ui2/add-contact@3x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 192 KiB

After

Width:  |  Height:  |  Size: 192 KiB

0
resources/images/ui/lifestyle@2x.png → resources/images/ui2/lifestyle@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 601 B

After

Width:  |  Height:  |  Size: 601 B

0
resources/images/ui/lifestyle@3x.png → resources/images/ui2/lifestyle@3x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 896 B

After

Width:  |  Height:  |  Size: 896 B

0
resources/images/ui/music@2x.png → resources/images/ui2/music@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 593 B

After

Width:  |  Height:  |  Size: 593 B

0
resources/images/ui/music@3x.png → resources/images/ui2/music@3x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 837 B

After

Width:  |  Height:  |  Size: 837 B

0
resources/images/ui/podcasts@2x.png → resources/images/ui2/podcasts@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 998 B

After

Width:  |  Height:  |  Size: 998 B

0
resources/images/ui/podcasts@3x.png → resources/images/ui2/podcasts@3x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

0
resources/images/ui/sync-new-device-cover-background@2x.png → resources/images/ui2/sync-new-device-cover-background@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 377 KiB

After

Width:  |  Height:  |  Size: 377 KiB

0
resources/images/ui/sync-new-device-cover-background@3x.png → resources/images/ui2/sync-new-device-cover-background@3x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 738 KiB

After

Width:  |  Height:  |  Size: 738 KiB

BIN
resources/images/ui2/welcome-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 MiB

BIN
resources/images/ui2/welcome-1@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

30
src/status_im/react_native/resources.cljs
View File

@ -5,7 +5,6 @@
{:empty-chats-header (js/require "../resources/images/ui/empty-chats-header.png") {:empty-chats-header (js/require "../resources/images/ui/empty-chats-header.png")
:welcome (js/require "../resources/images/ui/welcome.jpg") :welcome (js/require "../resources/images/ui/welcome.jpg")
:welcome-dark (js/require "../resources/images/ui/welcome-dark.jpg") :welcome-dark (js/require "../resources/images/ui/welcome-dark.jpg")
:add-new-contact (js/require "../resources/images/ui/add-contact.png")
:chat (js/require "../resources/images/ui/chat.jpg") :chat (js/require "../resources/images/ui/chat.jpg")
:chat-dark (js/require "../resources/images/ui/chat-dark.jpg") :chat-dark (js/require "../resources/images/ui/chat-dark.jpg")
:wallet (js/require "../resources/images/ui/wallet.jpg") :wallet (js/require "../resources/images/ui/wallet.jpg")
@ -49,29 +48,9 @@
:hand-wave (js/require "../resources/images/ui/hand-wave.png") :hand-wave (js/require "../resources/images/ui/hand-wave.png")
:graph (js/require "../resources/images/ui/graph.png") :graph (js/require "../resources/images/ui/graph.png")
:discover (js/require "../resources/images/ui/discover.png") :discover (js/require "../resources/images/ui/discover.png")
:community-cover (js/require "../resources/images/ui/community-cover.png")
:lifestyle (js/require "../resources/images/ui/lifestyle.png")
:music (js/require "../resources/images/ui/music.png")
:podcasts (js/require "../resources/images/ui/podcasts.png")
:no-contacts (js/require "../resources/images/ui/no-contacts.png") :no-contacts (js/require "../resources/images/ui/no-contacts.png")
:no-contacts-dark (js/require "../resources/images/ui/no-contacts-dark.png")}) :no-contacts-dark (js/require "../resources/images/ui/no-contacts-dark.png")})
(def mock-images
{:photo1 (js/require "../resources/images/mock/photo1.png")
:photo2 (js/require "../resources/images/mock/photo2.png")
:photo3 (js/require "../resources/images/mock/photo3.png")
:community-banner (js/require "../resources/images/mock/community-banner.png")
:community-logo (js/require "../resources/images/mock/community-logo.png")
:gif (js/require "../resources/images/mock/gif.png")
:sticker (js/require "../resources/images/mock/sticker.png")
:user-picture-female2 (js/require "../resources/images/mock/user_picture_female2.png")
:user-picture-male4 (js/require "../resources/images/mock/user_picture_male4.png")
:user-picture-male5 (js/require "../resources/images/mock/user_picture_male5.png")
:coinbase (js/require "../resources/images/mock/coinbase.png")
:small-opt-card-icon (js/require "../resources/images/mock/small_opt_card_icon.png")
:small-opt-card-main (js/require "../resources/images/mock/small_opt_card_main.png")
:ring (js/require "../resources/images/mock/ring.png")})
(defn get-theme-image (defn get-theme-image
[k] [k]
(get ui (when (colors/dark?) (keyword (str (name k) "-dark"))) (get ui k))) (get ui (when (colors/dark?) (keyword (str (name k) "-dark"))) (get ui k)))
@ -87,15 +66,6 @@
(get ui k)) (get ui k))
k))) k)))
(defn get-mock-image
[k]
(if (contains? @loaded-images k)
(get @loaded-images k)
(get (swap! loaded-images assoc
k
(get mock-images k))
k)))
(def reactions-old (def reactions-old
{:love (js/require "../resources/images/reactions/love.png") {:love (js/require "../resources/images/reactions/love.png")
:angry (js/require "../resources/images/reactions/angry.png") :angry (js/require "../resources/images/reactions/angry.png")

49
src/status_im2/common/resources.cljs Normal file
View File

@ -0,0 +1,49 @@
(ns status-im2.common.resources)
(def ui
{:add-new-contact (js/require "../resources/images/ui2/add-contact.png")
:lifestyle (js/require "../resources/images/ui2/lifestyle.png")
:music (js/require "../resources/images/ui2/music.png")
:podcasts (js/require "../resources/images/ui2/podcasts.png")
:sync-device (js/require "../resources/images/ui2/sync-new-device-cover-background.png")})
(def mock-images
{:coinbase (js/require "../resources/images/mock2/coinbase.png")
:collectible (js/require "../resources/images/mock2/collectible.png")
:community-banner (js/require "../resources/images/mock2/community-banner.png")
:community-logo (js/require "../resources/images/mock2/community-logo.png")
:community-cover (js/require "../resources/images/mock2/community-cover.png")
:gif (js/require "../resources/images/mock2/gif.png")
:photo1 (js/require "../resources/images/mock2/photo1.png")
:photo2 (js/require "../resources/images/mock2/photo2.png")
:photo3 (js/require "../resources/images/mock2/photo3.png")
:small-opt-card-icon (js/require "../resources/images/mock2/small_opt_card_icon.png")
:small-opt-card-main (js/require "../resources/images/mock2/small_opt_card_main.png")
:status-logo (js/require "../resources/images/mock2/status-logo.png")
:sticker (js/require "../resources/images/mock2/sticker.png")
:ring (js/require "../resources/images/mock2/ring.png")
:user-picture-female2 (js/require "../resources/images/mock2/user_picture_female2.png")
:user-picture-male4 (js/require "../resources/images/mock2/user_picture_male4.png")
:user-picture-male5 (js/require "../resources/images/mock2/user_picture_male5.png")})
(def tokens
{:eth (js/require "../resources/images/tokens/mainnet/ETH.png")
:knc (js/require "../resources/images/tokens/mainnet/KNC.png")
:mana (js/require "../resources/images/tokens/mainnet/MANA.png")
:rare (js/require "../resources/images/tokens/mainnet/RARE.png")
:dai (js/require "../resources/images/tokens/mainnet/DAI.png")
:fxc (js/require "../resources/images/tokens/mainnet/FXC.png")
:usdt (js/require "../resources/images/tokens/mainnet/USDT.png")
:snt (js/require "../resources/images/tokens/mainnet/SNT.png")})
(defn get-mock-image
[k]
(get mock-images k))
(defn get-image
[k]
(get ui k))
(defn get-token
[k]
(get tokens k))

2
src/status_im2/contexts/add_new_contact/views.cljs
View File

@ -4,7 +4,7 @@
[quo2.core :as quo] [quo2.core :as quo]
[react-native.core :as rn] [react-native.core :as rn]
[react-native.clipboard :as clipboard] [react-native.clipboard :as clipboard]
[status-im.react-native.resources :as resources] [status-im2.common.resources :as resources]
[status-im.qr-scanner.core :as qr-scanner] [status-im.qr-scanner.core :as qr-scanner]
[status-im2.contexts.add-new-contact.style :as style] [status-im2.contexts.add-new-contact.style :as style]
[utils.debounce :as debounce] [utils.debounce :as debounce]

8
src/status_im2/contexts/communities/discover/view.cljs
View File

@ -5,7 +5,7 @@
[quo2.foundations.colors :as colors] [quo2.foundations.colors :as colors]
[react-native.core :as rn] [react-native.core :as rn]
[reagent.core :as reagent] [reagent.core :as reagent]
[status-im.react-native.resources :as resources] [status-im2.common.resources :as resources]
[status-im2.contexts.communities.menus.community-options.view :as options] [status-im2.contexts.communities.menus.community-options.view :as options]
[status-im.ui.screens.communities.community :as community] [status-im.ui.screens.communities.community :as community]
[status-im.ui.components.react :as react] [status-im.ui.components.react :as react]
@ -18,10 +18,10 @@
{:data {:community-color "#0052FF" {:data {:community-color "#0052FF"
:status :gated :status :gated
:locked? true :locked? true
:cover (resources/get-image :community-cover) :cover (resources/get-mock-image :community-cover)
:tokens [{:id 1 :tokens [{:id 1
:group [{:id 1 :group [{:id 1
:token-icon (resources/get-image :status-logo)}]}] :token-icon (resources/get-mock-image :status-logo)}]}]
:tags [{:id 1 :tags [{:id 1
:tag-label (i18n/label :t/music) :tag-label (i18n/label :t/music)
:resource (resources/get-image :music)} :resource (resources/get-image :music)}
@ -248,4 +248,4 @@
{:style (style/discover-screen-container (colors/theme-colors {:style (style/discover-screen-container (colors/theme-colors
colors/white colors/white
colors/neutral-95))} colors/neutral-95))}
[discover-screen-content featured-communities]])) [discover-screen-content featured-communities]]))

2
src/status_im2/contexts/quo_preview/avatars/user_avatar.cljs
View File

@ -3,7 +3,7 @@
[quo2.foundations.colors :as colors] [quo2.foundations.colors :as colors]
[react-native.core :as rn] [react-native.core :as rn]
[reagent.core :as reagent] [reagent.core :as reagent]
[status-im.react-native.resources :as resources] [status-im2.common.resources :as resources]
[status-im2.contexts.quo-preview.preview :as preview])) [status-im2.contexts.quo-preview.preview :as preview]))
(def descriptor (def descriptor

8
src/status_im2/contexts/quo_preview/community/community_card_view.cljs
View File

@ -5,7 +5,7 @@
[react-native.core :as rn] [react-native.core :as rn]
[reagent.core :as reagent] [reagent.core :as reagent]
[utils.i18n :as i18n] [utils.i18n :as i18n]
[status-im.react-native.resources :as resources] [status-im2.common.resources :as resources]
[status-im2.constants :as constants] [status-im2.constants :as constants]
[status-im2.contexts.quo-preview.preview :as preview])) [status-im2.contexts.quo-preview.preview :as preview]))
@ -14,10 +14,10 @@
:name "Status" :name "Status"
:description :description
"Status is a secure messaging app, crypto wallet and web3 browser built with the state of the art technology" "Status is a secure messaging app, crypto wallet and web3 browser built with the state of the art technology"
:cover (resources/get-image :community-cover) :cover (resources/get-mock-image :community-cover)
:community-icon (resources/get-image :status-logo) :community-icon (resources/get-mock-image :status-logo)
:color (rand-nth quo.colors/chat-colors) :color (rand-nth quo.colors/chat-colors)
:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]}] :tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}]
:tags [{:id 1 :tag-label (i18n/label :t/music) :resource (resources/get-image :music)} :tags [{:id 1 :tag-label (i18n/label :t/music) :resource (resources/get-image :music)}
{:id 2 {:id 2
:tag-label (i18n/label :t/lifestyle) :tag-label (i18n/label :t/lifestyle)

4
src/status_im2/contexts/quo_preview/community/data.cljs
View File

@ -1,7 +1,7 @@
(ns status-im2.contexts.quo-preview.community.data (ns status-im2.contexts.quo-preview.community.data
(:require [quo.design-system.colors :as quo.colors] (:require [quo.design-system.colors :as quo.colors]
[utils.i18n :as i18n] [utils.i18n :as i18n]
[status-im.react-native.resources :as resources])) [status-im2.common.resources :as resources]))
(def thumbnail (def thumbnail
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEX///+/v7+jQ3Y5AAAADklEQVQI12P4AIX8EAgALgAD/aNpbtEAAAAASUVORK5CYII") "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEX///+/v7+jQ3Y5AAAADklEQVQI12P4AIX8EAgALgAD/aNpbtEAAAAASUVORK5CYII")
@ -13,7 +13,7 @@
"Status is a secure messaging app, crypto wallet and web3 browser built with the state of the art technology" "Status is a secure messaging app, crypto wallet and web3 browser built with the state of the art technology"
:community-icon thumbnail :community-icon thumbnail
:color (rand-nth quo.colors/chat-colors) :color (rand-nth quo.colors/chat-colors)
:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]}] :tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}]
:tags [{:id 1 :tag-label (i18n/label :t/music) :resource (resources/get-image :music)} :tags [{:id 1 :tag-label (i18n/label :t/music) :resource (resources/get-image :music)}
{:id 2 {:id 2
:tag-label (i18n/label :t/lifestyle) :tag-label (i18n/label :t/lifestyle)

124
src/status_im2/contexts/quo_preview/community/token_gating.cljs
View File

@ -4,7 +4,7 @@
[quo2.components.community.token-gating :as quo2] [quo2.components.community.token-gating :as quo2]
[quo2.foundations.colors :as colors] [quo2.foundations.colors :as colors]
[reagent.core :as reagent] [reagent.core :as reagent]
[status-im.utils.utils :as utils])) [status-im2.common.resources :as resources]))
(def styles (def styles
{:container-sandbox {:flex 1 {:container-sandbox {:flex 1
@ -30,54 +30,45 @@
:key :membership-request-denied? :key :membership-request-denied?
:type :boolean}]) :type :boolean}])
(def eth-token-img (js/require "../resources/images/tokens/mainnet/ETH.png"))
(def knc-token-img (js/require "../resources/images/tokens/mainnet/KNC.png"))
(def mana-token-img (js/require "../resources/images/tokens/mainnet/MANA.png"))
(def rare-token-img (js/require "../resources/images/tokens/mainnet/RARE.png"))
(def dai-token-img (js/require "../resources/images/tokens/mainnet/DAI.png"))
(def fxc-token-img (js/require "../resources/images/tokens/mainnet/FXC.png"))
(def usdt-token-img (js/require "../resources/images/tokens/mainnet/USDT.png"))
(def snt-token-img (js/require "../resources/images/tokens/mainnet/SNT.png"))
(defn join-gate-options-base (defn join-gate-options-base
[is-sufficient? many-tokens?] [is-sufficient? many-tokens?]
(into (into
[{:token "KNC" [{:token "KNC"
:token-img-src knc-token-img :token-img-src (resources/get-token :knc)
:amount 200 :amount 200
:is-sufficient? true} :is-sufficient? true}
{:token "MANA" {:token "MANA"
:token-img-src mana-token-img :token-img-src (resources/get-token :mana)
:amount 10 :amount 10
:is-sufficient? is-sufficient? :is-sufficient? is-sufficient?
:is-purchasable? true} :is-purchasable? true}
{:token "RARE" {:token "RARE"
:token-img-src rare-token-img :token-img-src (resources/get-token :rare)
:amount 10 :amount 10
:is-sufficient? is-sufficient?}] :is-sufficient? is-sufficient?}]
(when many-tokens? (when many-tokens?
[{:token "FXC" [{:token "FXC"
:token-img-src fxc-token-img :token-img-src (resources/get-token :fxc)
:amount 20 :amount 20
:is-sufficient? true} :is-sufficient? true}
{:token "SNT" {:token "SNT"
:token-img-src snt-token-img :token-img-src (resources/get-token :snt)
:amount 10000 :amount 10000
:is-sufficient? is-sufficient?}]))) :is-sufficient? is-sufficient?}])))
(defn write-gate-options-base (defn write-gate-options-base
[is-sufficient?] [is-sufficient?]
[{:token "KNC" [{:token "KNC"
:token-img-src knc-token-img :token-img-src (resources/get-token :knc)
:amount 200 :amount 200
:is-sufficient? true} :is-sufficient? true}
{:token "DAI" {:token "DAI"
:token-img-src dai-token-img :token-img-src (resources/get-token :dai)
:amount 20 :amount 20
:is-purchasable? true :is-purchasable? true
:is-sufficient? is-sufficient?} :is-sufficient? is-sufficient?}
{:token "ETH" {:token "ETH"
:token-img-src eth-token-img :token-img-src (resources/get-token :eth)
:amount 0.5 :amount 0.5
:is-sufficient? is-sufficient?}]) :is-sufficient? is-sufficient?}])
@ -87,68 +78,67 @@
(if (= type :community) (if (= type :community)
{:community {:name "Ethereum" {:community {:name "Ethereum"
:community-color "#14044d" :community-color "#14044d"
:community-avatar-img-src eth-token-img :community-avatar-img-src (resources/get-token :eth)
:gates {:join (if :gates {:join (if
many-tokens? many-tokens?
[(join-gate-options-base is-sufficient? [(join-gate-options-base is-sufficient?
many-tokens?) many-tokens?)
[{:token "FXC" [{:token "FXC"
:token-img-src fxc-token-img :token-img-src (resources/get-token :fxc)
:amount 20 :amount 20
:is-sufficient? true} :is-sufficient? true}
{:token "USDT" {:token "USDT"
:token-img-src usdt-token-img :token-img-src (resources/get-token :usdt)
:amount 20 :amount 20
:is-sufficient? false}]] :is-sufficient? false}]]
(join-gate-options-base is-sufficient? (join-gate-options-base is-sufficient?
many-tokens?))}}} many-tokens?))}}}
{:channel {:name "onboarding" {:channel {:name "onboarding"
:community-color (colors/custom-color :pink 50) :community-color (colors/custom-color :pink 50)
:community-text-color colors/white :community-text-color colors/white
:emoji "🍑" :emoji "🍑"
:emoji-background-color "#F38888" :emoji-background-color "#F38888"
:on-enter-channel #(utils/show-popup :on-enter-channel #(js/alert
"Entered channel" "Entered channel - Wuhuu!! You successfully entered the channel :)")
"Wuhuu!! You successfully entered the channel :)")
:membership-request-denied? membership-request-denied? :membership-request-denied? membership-request-denied?
:gates {:read (into [{:token "KNC" :gates {:read (into [{:token "KNC"
:token-img-src knc-token-img :token-img-src (resources/get-token :knc)
:amount 200 :amount 200
:is-sufficient? true} :is-sufficient? true}
{:token "MANA" {:token "MANA"
:token-img-src mana-token-img :token-img-src (resources/get-token :mana)
:amount 10 :amount 10
:is-sufficient? is-sufficient? :is-sufficient? is-sufficient?
:is-purchasable? true} :is-purchasable? true}
{:token "RARE" {:token "RARE"
:token-img-src rare-token-img :token-img-src (resources/get-token :rare)
:amount 10 :amount 10
:is-sufficient? is-sufficient?}] :is-sufficient? is-sufficient?}]
(when many-tokens? (when many-tokens?
[{:token "FXC" [{:token "FXC"
:token-img-src fxc-token-img :token-img-src (resources/get-token :fxc)
:amount 20 :amount 20
:is-sufficient? true} :is-sufficient? true}
{:token "SNT" {:token "SNT"
:token-img-src snt-token-img :token-img-src (resources/get-token :snt)
:amount 10000 :amount 10000
:is-sufficient? is-sufficient?}])) :is-sufficient? is-sufficient?}]))
:write (if :write (if
many-tokens? many-tokens?
[(write-gate-options-base is-sufficient?) [(write-gate-options-base is-sufficient?)
[{:token "FXC" [{:token "FXC"
:token-img-src fxc-token-img :token-img-src (resources/get-token :fxc)
:amount 20 :amount 20
:is-sufficient? true} :is-sufficient? true}
{:token "MANA" {:token "MANA"
:token-img-src mana-token-img :token-img-src (resources/get-token :mana)
:amount 10 :amount 10
:is-sufficient? is-sufficient?} :is-sufficient? is-sufficient?}
{:token "USDT" {:token "USDT"
:token-img-src usdt-token-img :token-img-src (resources/get-token :usdt)
:amount 20 :amount 20
:is-sufficient? false}]] :is-sufficient? false}]]
(write-gate-options-base is-sufficient?))}}}))) (write-gate-options-base is-sufficient?))}}})))
(def state (def state
(reagent/atom {:type :channel (reagent/atom {:type :channel

24
src/status_im2/contexts/quo_preview/drawers/permission_drawers.cljs
View File

@ -2,7 +2,7 @@
(:require [quo2.core :as quo] (:require [quo2.core :as quo]
[quo2.foundations.colors :as colors] [quo2.foundations.colors :as colors]
[react-native.core :as rn] [react-native.core :as rn]
[status-im.react-native.resources :as resources])) [status-im2.common.resources :as resources]))
(defn example-1 (defn example-1
[] []
@ -12,11 +12,11 @@
{:size 24 {:size 24
:locked false :locked false
:tokens [{:id 1 :tokens [{:id 1
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)} {:id 3 :token-icon (resources/get-mock-image :status-logo)}
{:id 4 :token-icon (resources/get-image :status-logo)} {:id 4 :token-icon (resources/get-mock-image :status-logo)}
{:id 5 :token-icon (resources/get-image :status-logo)}]}] {:id 5 :token-icon (resources/get-mock-image :status-logo)}]}]
:background-color (colors/theme-colors :background-color (colors/theme-colors
colors/neutral-10 colors/neutral-10
colors/neutral-80)}] colors/neutral-80)}]
@ -27,11 +27,11 @@
{:size 24 {:size 24
:locked false :locked false
:tokens [{:id 1 :tokens [{:id 1
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)} {:id 3 :token-icon (resources/get-mock-image :status-logo)}
{:id 4 :token-icon (resources/get-image :status-logo)} {:id 4 :token-icon (resources/get-mock-image :status-logo)}
{:id 5 :token-icon (resources/get-image :status-logo)}]}] {:id 5 :token-icon (resources/get-mock-image :status-logo)}]}]
:background-color (colors/theme-colors :background-color (colors/theme-colors
colors/neutral-10 colors/neutral-10
colors/neutral-80)}] colors/neutral-80)}]
@ -43,7 +43,7 @@
[quo/text {:style {:margin-right 4}} "Hold"] [quo/text {:style {:margin-right 4}} "Hold"]
[quo/token-tag [quo/token-tag
{:size :small {:size :small
:token-img-src (js/require "../resources/images/tokens/mainnet/ETH.png")} "ETH"] :token-img-src (resources/get-token :eth)} "ETH"]
[quo/text {:style {:margin-left 4}} "To post"]]) [quo/text {:style {:margin-left 4}} "To post"]])
(defn example-3 (defn example-3

2
src/status_im2/contexts/quo_preview/list_items/preview_lists.cljs
View File

@ -4,7 +4,7 @@
[react-native.core :as rn] [react-native.core :as rn]
[reagent.core :as reagent] [reagent.core :as reagent]
[utils.i18n :as i18n] [utils.i18n :as i18n]
[status-im.react-native.resources :as resources] [status-im2.common.resources :as resources]
[status-im2.contexts.quo-preview.preview :as preview])) [status-im2.contexts.quo-preview.preview :as preview]))
(def descriptor (def descriptor

2
src/status_im2/contexts/quo_preview/messages/system_message.cljs
View File

@ -4,7 +4,7 @@
[react-native.core :as rn] [react-native.core :as rn]
[reagent.core :as reagent] [reagent.core :as reagent]
[utils.i18n :as i18n] [utils.i18n :as i18n]
[status-im.react-native.resources :as resources] [status-im2.common.resources :as resources]
[status-im2.contexts.quo-preview.preview :as preview])) [status-im2.contexts.quo-preview.preview :as preview]))
(def descriptor (def descriptor

2
src/status_im2/contexts/quo_preview/onboarding/small_option_card.cljs
View File

@ -4,7 +4,7 @@
[quo2.components.onboarding.small-option-card.view :as quo2] [quo2.components.onboarding.small-option-card.view :as quo2]
[quo2.foundations.colors :as colors] [quo2.foundations.colors :as colors]
[reagent.core :as reagent] [reagent.core :as reagent]
[status-im.react-native.resources :as resources] [status-im2.common.resources :as resources]
[status-im2.contexts.quo-preview.preview :as preview])) [status-im2.contexts.quo-preview.preview :as preview]))
(def descriptor (def descriptor

5
src/status_im2/contexts/quo_preview/profile/collectible.cljs
View File

@ -3,9 +3,10 @@
[quo2.components.profile.collectible.view :as quo] [quo2.components.profile.collectible.view :as quo]
[react-native.core :as rn] [react-native.core :as rn]
[reagent.core :as reagent] [reagent.core :as reagent]
[status-im2.contexts.quo-preview.preview :as preview])) [status-im2.contexts.quo-preview.preview :as preview]
[status-im2.common.resources :as resources]))
(defonce test-image (js/require "../resources/images/mock/collectible.png")) (defonce test-image (resources/get-mock-image :collectible))
(def test-images (repeat 10 test-image)) (def test-images (repeat 10 test-image))
(def descriptor (def descriptor

2
src/status_im2/contexts/quo_preview/profile/profile_card.cljs
View File

@ -3,7 +3,7 @@
[react-native.core :as rn] [react-native.core :as rn]
[reagent.core :as reagent] [reagent.core :as reagent]
[quo2.core :as quo] [quo2.core :as quo]
[status-im.react-native.resources :as resources] [status-im2.common.resources :as resources]
[status-im2.contexts.quo-preview.preview :as preview])) [status-im2.contexts.quo-preview.preview :as preview]))
(def descriptor (def descriptor

2
src/status_im2/contexts/quo_preview/profile/select_profile.cljs
View File

@ -3,7 +3,7 @@
[react-native.core :as rn] [react-native.core :as rn]
[reagent.core :as reagent] [reagent.core :as reagent]
[quo2.core :as quo] [quo2.core :as quo]
[status-im.react-native.resources :as resources] [status-im2.common.resources :as resources]
[status-im2.contexts.quo-preview.preview :as preview])) [status-im2.contexts.quo-preview.preview :as preview]))
(def descriptor (def descriptor

2
src/status_im2/contexts/quo_preview/switcher/switcher_cards.cljs
View File

@ -3,7 +3,7 @@
[react-native.core :as rn] [react-native.core :as rn]
[reagent.core :as reagent] [reagent.core :as reagent]
[status-im2.constants :as constants] [status-im2.constants :as constants]
[status-im.react-native.resources :as resources] [status-im2.common.resources :as resources]
[status-im2.contexts.quo-preview.preview :as preview] [status-im2.contexts.quo-preview.preview :as preview]
[status-im2.contexts.shell.cards.view :as switcher-cards] [status-im2.contexts.shell.cards.view :as switcher-cards]
[status-im2.contexts.shell.constants :as shell.constants])) [status-im2.contexts.shell.constants :as shell.constants]))

2
src/status_im2/contexts/quo_preview/tags/context_tags.cljs
View File

@ -3,7 +3,7 @@
[quo2.foundations.colors :as colors] [quo2.foundations.colors :as colors]
[react-native.core :as rn] [react-native.core :as rn]
[reagent.core :as reagent] [reagent.core :as reagent]
[status-im.react-native.resources :as resources] [status-im2.common.resources :as resources]
[status-im.multiaccounts.core :as multiaccounts] [status-im.multiaccounts.core :as multiaccounts]
[status-im2.contexts.quo-preview.preview :as preview])) [status-im2.contexts.quo-preview.preview :as preview]))

238
src/status_im2/contexts/quo_preview/tags/permission_tag.cljs
View File

@ -3,7 +3,7 @@
[quo2.foundations.colors :as colors] [quo2.foundations.colors :as colors]
[react-native.core :as rn] [react-native.core :as rn]
[reagent.core :as reagent] [reagent.core :as reagent]
[status-im.react-native.resources :as resources] [status-im2.common.resources :as resources]
[status-im2.contexts.quo-preview.preview :as preview])) [status-im2.contexts.quo-preview.preview :as preview]))
(def descriptor (def descriptor
@ -19,153 +19,153 @@
:type :boolean}]) :type :boolean}])
(def community-tokens (def community-tokens
[{:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]}]} [{:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 {:tokens [{:id 1
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)}]}]} {:id 2 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 {:tokens [{:id 1
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 1 :token-icon (resources/get-image :status-logo)} {:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)}]}]} {:id 3 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 {:tokens [{:id 1
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 1 :token-icon (resources/get-image :status-logo)} {:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)}]}]} {:id 3 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]} {:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]}]} {:id 2 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]} {:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 {:id 2
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 1 :token-icon (resources/get-image :status-logo)}]}]} {:id 1 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]} {:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 {:id 2
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)}]}]} {:id 3 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]} {:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 {:id 2
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)} {:id 3 :token-icon (resources/get-mock-image :status-logo)}
{:id 4 :token-icon (resources/get-image :status-logo)}]}]} {:id 4 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 {:tokens [{:id 1
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)}]} {:id 2 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 {:id 2
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)}]}]} {:id 2 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 {:tokens [{:id 1
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)}]} {:id 2 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 {:id 2
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)}]}]} {:id 3 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 {:tokens [{:id 1
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)}]} {:id 2 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 {:id 2
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)} {:id 3 :token-icon (resources/get-mock-image :status-logo)}
{:id 4 :token-icon (resources/get-image :status-logo)}]}]} {:id 4 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 {:tokens [{:id 1
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)}]} {:id 3 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 {:id 2
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)}]}]} {:id 3 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 {:tokens [{:id 1
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)}]} {:id 3 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 {:id 2
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)} {:id 3 :token-icon (resources/get-mock-image :status-logo)}
{:id 4 :token-icon (resources/get-image :status-logo)}]}]} {:id 4 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 {:tokens [{:id 1
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)} {:id 3 :token-icon (resources/get-mock-image :status-logo)}
{:id 4 :token-icon (resources/get-image :status-logo)}]} {:id 4 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 {:id 2
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)} {:id 3 :token-icon (resources/get-mock-image :status-logo)}
{:id 4 :token-icon (resources/get-image :status-logo)}]}]} {:id 4 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]} {:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 {:id 2
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)} {:id 3 :token-icon (resources/get-mock-image :status-logo)}
{:id 4 :token-icon (resources/get-image :status-logo)} {:id 4 :token-icon (resources/get-mock-image :status-logo)}
{:id 5 :token-icon (resources/get-image :status-logo)} {:id 5 :token-icon (resources/get-mock-image :status-logo)}
{:id 6 :token-icon (resources/get-image :status-logo)}]}]} {:id 6 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 {:tokens [{:id 1
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 1 :token-icon (resources/get-image :status-logo)}]} {:id 1 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 {:id 2
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)} {:id 3 :token-icon (resources/get-mock-image :status-logo)}
{:id 4 :token-icon (resources/get-image :status-logo)} {:id 4 :token-icon (resources/get-mock-image :status-logo)}
{:id 5 :token-icon (resources/get-image :status-logo)} {:id 5 :token-icon (resources/get-mock-image :status-logo)}
{:id 6 :token-icon (resources/get-image :status-logo)}]}]} {:id 6 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 {:tokens [{:id 1
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)}]} {:id 3 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 {:id 2
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)} {:id 3 :token-icon (resources/get-mock-image :status-logo)}
{:id 4 :token-icon (resources/get-image :status-logo)} {:id 4 :token-icon (resources/get-mock-image :status-logo)}
{:id 5 :token-icon (resources/get-image :status-logo)} {:id 5 :token-icon (resources/get-mock-image :status-logo)}
{:id 6 :token-icon (resources/get-image :status-logo)}]}]} {:id 6 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 {:tokens [{:id 1
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)} {:id 3 :token-icon (resources/get-mock-image :status-logo)}
{:id 4 :token-icon (resources/get-image :status-logo)}]} {:id 4 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 {:id 2
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)} {:id 3 :token-icon (resources/get-mock-image :status-logo)}
{:id 4 :token-icon (resources/get-image :status-logo)} {:id 4 :token-icon (resources/get-mock-image :status-logo)}
{:id 5 :token-icon (resources/get-image :status-logo)} {:id 5 :token-icon (resources/get-mock-image :status-logo)}
{:id 6 :token-icon (resources/get-image :status-logo)}]}]} {:id 6 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]} {:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]} {:id 2 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 3 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]}]} {:id 3 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]} {:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 {:id 2
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)}]} {:id 2 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 3 {:id 3
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)} {:id 3 :token-icon (resources/get-mock-image :status-logo)}
{:id 4 :token-icon (resources/get-image :status-logo)} {:id 4 :token-icon (resources/get-mock-image :status-logo)}
{:id 5 :token-icon (resources/get-image :status-logo)} {:id 5 :token-icon (resources/get-mock-image :status-logo)}
{:id 6 :token-icon (resources/get-image :status-logo)}]}]} {:id 6 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]} {:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]} {:id 2 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 3 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]}]} {:id 3 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}]}
{:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-image :status-logo)}]} {:tokens [{:id 1 :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 2 {:id 2
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)}]} {:id 2 :token-icon (resources/get-mock-image :status-logo)}]}
{:id 3 {:id 3
:group [{:id 1 :token-icon (resources/get-image :status-logo)} :group [{:id 1 :token-icon (resources/get-mock-image :status-logo)}
{:id 2 :token-icon (resources/get-image :status-logo)} {:id 2 :token-icon (resources/get-mock-image :status-logo)}
{:id 3 :token-icon (resources/get-image :status-logo)} {:id 3 :token-icon (resources/get-mock-image :status-logo)}
{:id 4 :token-icon (resources/get-image :status-logo)} {:id 4 :token-icon (resources/get-mock-image :status-logo)}
{:id 5 :token-icon (resources/get-image :status-logo)} {:id 5 :token-icon (resources/get-mock-image :status-logo)}
{:id 6 :token-icon (resources/get-image :status-logo)}]}]}]) {:id 6 :token-icon (resources/get-mock-image :status-logo)}]}]}])
(defn cool-preview (defn cool-preview
[] []

4
src/status_im2/contexts/quo_preview/tags/tag.cljs
View File

@ -4,7 +4,7 @@
[quo2.foundations.colors :as colors] [quo2.foundations.colors :as colors]
[quo2.components.tags.tag :as tag] [quo2.components.tags.tag :as tag]
[status-im.ui.components.react :as react] [status-im.ui.components.react :as react]
[status-im.react-native.resources :as resources] [status-im2.common.resources :as resources]
[reagent.core :as reagent])) [reagent.core :as reagent]))
(def descriptor (def descriptor
@ -56,7 +56,7 @@
{:style {:flex 1 {:style {:flex 1
:height 100}} :height 100}}
[react/image [react/image
{:source (resources/get-image :community-cover) {:source (resources/get-mock-image :community-cover)
:style {:flex 1 :style {:flex 1
:width "100%" :width "100%"
:border-radius 16}}] :border-radius 16}}]

4
src/status_im2/contexts/quo_preview/tags/tags.cljs
View File

@ -3,7 +3,7 @@
[quo2.foundations.colors :as colors] [quo2.foundations.colors :as colors]
[react-native.core :as rn] [react-native.core :as rn]
[reagent.core :as reagent] [reagent.core :as reagent]
[status-im.react-native.resources :as resources] [status-im2.common.resources :as resources]
[status-im.ui.components.react :as react] [status-im.ui.components.react :as react]
[status-im2.contexts.quo-preview.preview :as preview])) [status-im2.contexts.quo-preview.preview :as preview]))
@ -69,7 +69,7 @@
:height 100 :height 100
:border-radius 16} :border-radius 16}
[react/image [react/image
{:source (resources/get-image :community-cover) {:source (resources/get-mock-image :community-cover)
:style {:flex 1 :style {:flex 1
:width "100%" :width "100%"
:border-radius 16}}] :border-radius 16}}]

7
src/status_im2/contexts/quo_preview/tags/token_tag.cljs
View File

@ -3,7 +3,8 @@
[quo2.foundations.colors :as colors] [quo2.foundations.colors :as colors]
[react-native.core :as rn] [react-native.core :as rn]
[reagent.core :as reagent] [reagent.core :as reagent]
[status-im2.contexts.quo-preview.preview :as preview])) [status-im2.contexts.quo-preview.preview :as preview]
[status-im2.common.resources :as resources]))
(def descriptor (def descriptor
[{:label "Size:" [{:label "Size:"
@ -48,8 +49,8 @@
{:key "SNT" {:key "SNT"
:value "SNT"}]}]) :value "SNT"}]}])
(def eth-token (js/require "../resources/images/tokens/mainnet/ETH.png")) (def eth-token (resources/get-token :eth))
(def snt-token (js/require "../resources/images/tokens/mainnet/SNT.png")) (def snt-token (resources/get-token :snt))
(defn cool-preview (defn cool-preview
[] []

7
src/status_im2/contexts/quo_preview/wallet/token_overview.cljs
View File

@ -5,7 +5,8 @@
[reagent.core :as reagent] [reagent.core :as reagent]
[utils.i18n :as i18n] [utils.i18n :as i18n]
[status-im.utils.currency :as currencies] [status-im.utils.currency :as currencies]
[status-im2.contexts.quo-preview.preview :as preview])) [status-im2.contexts.quo-preview.preview :as preview]
[status-im2.common.resources :as resources]))
(def descriptor (def descriptor
[{:label "Token:" [{:label "Token:"
@ -33,8 +34,8 @@
{:key :eur {:key :eur
:value "€"}]}]) :value "€"}]}])
(def eth-token (js/require "../resources/images/tokens/mainnet/ETH.png")) (def eth-token (resources/get-token :eth))
(def snt-token (js/require "../resources/images/tokens/mainnet/SNT.png")) (def snt-token (resources/get-token :snt))
(defn cool-preview (defn cool-preview
[] []

5
src/status_im2/contexts/syncing/sheets/sync_device_notice/view.cljs
View File

@ -4,14 +4,15 @@
[status-im2.contexts.syncing.sheets.enter-password.view :as enter-password] [status-im2.contexts.syncing.sheets.enter-password.view :as enter-password]
[status-im2.contexts.syncing.sheets.sync-device-notice.styles :as styles] [status-im2.contexts.syncing.sheets.sync-device-notice.styles :as styles]
[utils.i18n :as i18n] [utils.i18n :as i18n]
[utils.re-frame :as rf])) [utils.re-frame :as rf]
[status-im2.common.resources :as resources]))
(defn sheet (defn sheet
[] []
[:<> [:<>
[rn/view {:style styles/sync-devices-header} [rn/view {:style styles/sync-devices-header}
[rn/image [rn/image
{:source (js/require "../resources/images/ui/sync-new-device-cover-background.png") {:source (resources/get-image :sync-device)
:style styles/sync-devices-header-image}]] :style styles/sync-devices-header-image}]]
[rn/view {:style styles/sync-devices-body-container} [rn/view {:style styles/sync-devices-body-container}
[quo/text [quo/text

12
src/status_im2/subs/shell.cljs
View File

@ -2,17 +2,15 @@
(:require [re-frame.core :as re-frame] (:require [re-frame.core :as re-frame]
[utils.datetime :as datetime] [utils.datetime :as datetime]
[status-im2.constants :as constants] [status-im2.constants :as constants]
[status-im.react-native.resources :as resources])) [status-im2.common.resources :as resources]))
(defn community-avatar (defn community-avatar
[community] [community]
(let [images (:images community)] (let [images (:images community)]
(if (= (:id community) constants/status-community-id) (when images
(resources/get-image :status-logo) {:uri (:uri (or (:thumbnail images)
(when images (:large images)
{:uri (:uri (or (:thumbnail images) (first images)))})))
(:large images)
(first images)))}))))
(defn get-card-content (defn get-card-content
[chat communities] [chat communities]