diff --git a/src/status_im/contexts/wallet/sheets/buy_token/style.cljs b/src/status_im/contexts/wallet/sheets/buy_token/style.cljs index 33eaca3f2255..966f59af0eb1 100644 --- a/src/status_im/contexts/wallet/sheets/buy_token/style.cljs +++ b/src/status_im/contexts/wallet/sheets/buy_token/style.cljs @@ -5,3 +5,8 @@ {:padding-horizontal 8 :min-height min-height :padding-bottom 8}) + +(def tabs + {:margin-horizontal 20 + :margin-top 8 + :margin-bottom 12}) diff --git a/src/status_im/contexts/wallet/sheets/buy_token/view.cljs b/src/status_im/contexts/wallet/sheets/buy_token/view.cljs index fb399b4ca51d..766be1304f37 100644 --- a/src/status_im/contexts/wallet/sheets/buy_token/view.cljs +++ b/src/status_im/contexts/wallet/sheets/buy_token/view.cljs @@ -1,11 +1,11 @@ (ns status-im.contexts.wallet.sheets.buy-token.view - (:require [quo.core :as quo] + (:require [oops.core :as oops] + [quo.core :as quo] [react-native.core :as rn] [status-im.contexts.wallet.sheets.buy-token.style :as style] + [status-im.feature-flags :as ff] [utils.i18n :as i18n] - [oops.core :as oops] - [utils.re-frame :as rf] - [status-im.feature-flags :as ff])) + [utils.re-frame :as rf])) (defn- crypto-on-ramp-item [{:keys [name description fees logo-url site-url]}] @@ -37,19 +37,17 @@ (rf/dispatch [:wallet/get-crypto-on-ramps]))) (let [crypto-on-ramps (rf/sub [:wallet/crypto-on-ramps]) crypto-recurrent [] + [selected-tab set-selected-tab] (rn/use-state initial-tab) [min-height set-min-height] (rn/use-state 0) on-layout (rn/use-callback #(set-min-height - (oops/oget % :nativeEvent :layout :height))) - [selected-tab set-selected-tab] (rn/use-state initial-tab)] + (oops/oget % :nativeEvent :layout :height)))] [:<> [quo/drawer-top {:title (i18n/label :t/buy-assets)}] (when (ff/enabled? ::ff/wallet.buy-recurrent-assets) [quo/segmented-control {:size 32 - :container-style {:margin-horizontal 20 - :margin-top 8 - :margin-bottom 12} + :container-style style/tabs :default-active initial-tab :on-change set-selected-tab :data tabs}])