Fix: refactored token token to fix a bug (#14152)
This commit is contained in:
parent
ac9fb2fe4d
commit
7f54427df4
|
@ -3,8 +3,7 @@
|
||||||
[quo.react-native :as rn]
|
[quo.react-native :as rn]
|
||||||
[quo.theme :as theme]
|
[quo.theme :as theme]
|
||||||
[quo2.components.markdown.text :as text]
|
[quo2.components.markdown.text :as text]
|
||||||
[status-im.ui.components.icons.icons :as icons]
|
[status-im.ui.components.icons.icons :as icons]))
|
||||||
[quo2.components.tags.tag :as tag]))
|
|
||||||
|
|
||||||
(def themes {:light {:background-color colors/neutral-20}
|
(def themes {:light {:background-color colors/neutral-20}
|
||||||
:dark {:background-color colors/neutral-80}})
|
:dark {:background-color colors/neutral-80}})
|
||||||
|
@ -77,23 +76,23 @@
|
||||||
:or
|
:or
|
||||||
{size :small border-color (colors/custom-color-by-theme :purple 50 60)}}]
|
{size :small border-color (colors/custom-color-by-theme :purple 50 60)}}]
|
||||||
|
|
||||||
[tag/tag {:size size
|
[tag {:size size
|
||||||
:token-img-src token-img-src
|
:token-img-src token-img-src
|
||||||
:border-color (when is-required border-color)
|
:border-color (when is-required border-color)
|
||||||
:overlay
|
:overlay
|
||||||
(when (or is-required is-purchasable)
|
(when (or is-required is-purchasable)
|
||||||
[rn/view
|
[rn/view
|
||||||
{:style (merge icon-container-styles
|
{:style (merge icon-container-styles
|
||||||
{:width 15.5
|
{:width 15.5
|
||||||
:height 15.5
|
:height 15.5
|
||||||
:background-color border-color
|
:background-color border-color
|
||||||
:border-color (if (= (theme/get-theme) :dark) colors/neutral-100 colors/white)
|
:border-color (if (= (theme/get-theme) :dark) colors/neutral-100 colors/white)
|
||||||
:border-width 1
|
:border-width 1
|
||||||
:right (get-value-from-size size -3.75 -5.75)
|
:right (get-value-from-size size -3.75 -5.75)
|
||||||
:bottom (get-value-from-size size (- 32 7.75 4) (- 24 7.75 2)) ; (- height (icon-height/2) spacing)
|
:bottom (get-value-from-size size (- 32 7.75 4) (- 24 7.75 2)) ; (- height (icon-height/2) spacing)
|
||||||
})}
|
})}
|
||||||
[icons/icon (if is-required :main-icons2/required-checkmark12 :main-icons2/purchasable12)
|
[icons/icon (if is-required :main-icons2/required-checkmark12 :main-icons2/purchasable12)
|
||||||
{:no-color true
|
{:no-color true
|
||||||
:width 13.5
|
:width 13.5
|
||||||
:height 13.5}]])}
|
:height 13.5}]])}
|
||||||
(str value " " token)]))
|
(str value " " token)]))
|
||||||
|
|
|
@ -145,6 +145,7 @@
|
||||||
[rn/view {:flex 1}
|
[rn/view {:flex 1}
|
||||||
[preview/customizer state descriptor]]
|
[preview/customizer state descriptor]]
|
||||||
[rn/view {:padding-vertical 60
|
[rn/view {:padding-vertical 60
|
||||||
|
:align-self :center
|
||||||
:justify-content :center}
|
:justify-content :center}
|
||||||
(when @state
|
(when @state
|
||||||
(for [{:keys [tokens]} community-tokens]
|
(for [{:keys [tokens]} community-tokens]
|
||||||
|
|
Loading…
Reference in New Issue