fix: add external icon to OpenSea button in collectible page (#19647)
Signed-off-by: Brian Sztamfater <brian@status.im>
This commit is contained in:
parent
4134d18cbc
commit
d12c05aab6
|
@ -28,9 +28,9 @@
|
||||||
:theme :light/:dark
|
:theme :light/:dark
|
||||||
only icon
|
only icon
|
||||||
[button {:icon-only? true} :i/close-circle]"
|
[button {:icon-only? true} :i/close-circle]"
|
||||||
[{:keys [on-press on-long-press disabled? type background size icon-left icon-right icon-top
|
[{:keys [on-press on-long-press disabled? type background size icon-left icon-left-color icon-right
|
||||||
customization-color accessibility-label icon-only? container-style inner-style
|
icon-right-color icon-top icon-top-color customization-color accessibility-label icon-only?
|
||||||
pressed? on-press-in on-press-out allow-multiple-presses?]
|
container-style inner-style pressed? on-press-in on-press-out allow-multiple-presses?]
|
||||||
:or {type :primary
|
:or {type :primary
|
||||||
size 40
|
size 40
|
||||||
customization-color (if (= type :primary) :blue nil)}}
|
customization-color (if (= type :primary) :blue nil)}}
|
||||||
|
@ -94,7 +94,7 @@
|
||||||
[quo.icons/icon icon-top
|
[quo.icons/icon icon-top
|
||||||
{:container-style {:margin-bottom 2
|
{:container-style {:margin-bottom 2
|
||||||
:opacity (when disabled? 0.3)}
|
:opacity (when disabled? 0.3)}
|
||||||
:color icon-color
|
:color (or icon-top-color icon-color)
|
||||||
:size icon-size}]])
|
:size icon-size}]])
|
||||||
(when icon-left
|
(when icon-left
|
||||||
[rn/view
|
[rn/view
|
||||||
|
@ -103,7 +103,7 @@
|
||||||
:icon-size icon-size
|
:icon-size icon-size
|
||||||
:disabled? disabled?})}
|
:disabled? disabled?})}
|
||||||
[quo.icons/icon icon-left
|
[quo.icons/icon icon-left
|
||||||
{:color icon-color
|
{:color (or icon-left-color icon-color)
|
||||||
:size icon-size}]])
|
:size icon-size}]])
|
||||||
[rn/view
|
[rn/view
|
||||||
(cond
|
(cond
|
||||||
|
@ -130,5 +130,5 @@
|
||||||
:icon-size icon-size
|
:icon-size icon-size
|
||||||
:disabled? disabled?})}
|
:disabled? disabled?})}
|
||||||
[quo.icons/icon icon-right
|
[quo.icons/icon icon-right
|
||||||
{:color icon-color
|
{:color (or icon-right-color icon-color)
|
||||||
:size icon-size}]])]]]))
|
:size icon-size}]])]]]))
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
(ns status-im.contexts.wallet.collectible.view
|
(ns status-im.contexts.wallet.collectible.view
|
||||||
(:require
|
(:require
|
||||||
[quo.core :as quo]
|
[quo.core :as quo]
|
||||||
|
[quo.foundations.colors :as colors]
|
||||||
[quo.theme :as quo.theme]
|
[quo.theme :as quo.theme]
|
||||||
[react-native.core :as rn]
|
[react-native.core :as rn]
|
||||||
[react-native.svg :as svg]
|
[react-native.svg :as svg]
|
||||||
|
@ -36,10 +37,13 @@
|
||||||
:icon-left :i/send}
|
:icon-left :i/send}
|
||||||
(i18n/label :t/send)]
|
(i18n/label :t/send)]
|
||||||
[quo/button
|
[quo/button
|
||||||
{:container-style style/opensea-button
|
{:container-style style/opensea-button
|
||||||
:type :outline
|
:type :outline
|
||||||
:size 40
|
:size 40
|
||||||
:icon-left :i/opensea}
|
:icon-left :i/opensea
|
||||||
|
:icon-left-color (colors/theme-colors colors/neutral-100 colors/neutral-40)
|
||||||
|
:icon-right :i/external
|
||||||
|
:icon-right-color (colors/theme-colors colors/neutral-50 colors/neutral-40)}
|
||||||
(i18n/label :t/opensea)]])
|
(i18n/label :t/opensea)]])
|
||||||
|
|
||||||
(def tabs-data
|
(def tabs-data
|
||||||
|
|
Loading…
Reference in New Issue