Wallet: account screen jump to (#19732)

status-im · May 1, 2024 · a094d21 · a094d21
1 parent 3951b8a
commit a094d21
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 6 deletions.
diff --git a/src/status_im/contexts/wallet/account/tabs/assets/style.cljs b/src/status_im/contexts/wallet/account/tabs/assets/style.cljs
@@ -0,0 +1,6 @@
+(ns status-im.contexts.wallet.account.tabs.assets.style
+ (:require [status-im.contexts.shell.jump-to.constants :as constants]))
+
+(def list-container-style
+ {:padding-horizontal 8
+ :padding-bottom constants/floating-shell-button-height})
diff --git a/src/status_im/contexts/wallet/account/tabs/assets/view.cljs b/src/status_im/contexts/wallet/account/tabs/assets/view.cljs
@@ -2,6 +2,7 @@
  (:require
  [quo.core :as quo]
  [react-native.core :as rn]
+ [status-im.contexts.wallet.account.tabs.assets.style :as style]
  [status-im.contexts.wallet.common.token-value.view :as token-value]
  [utils.re-frame :as rf]))
 
@@ -20,4 +21,4 @@
  :style {:flex 1}
  :data tokens
  :render-data {:watch-only? watch-only?}
- :content-container-style {:padding-horizontal 8}}])))
+ :content-container-style style/list-container-style}])))
diff --git a/src/status_im/contexts/wallet/account/view.cljs b/src/status_im/contexts/wallet/account/view.cljs
@@ -25,7 +25,8 @@
  (let [selected-tab (reagent/atom first-tab-id)]
  (fn []
  (let [{:keys [name color formatted-balance
- watch-only?]} (rf/sub [:wallet/current-viewing-account])]
+ watch-only?]} (rf/sub [:wallet/current-viewing-account])
+ customization-color (rf/sub [:profile/customization-color])]
  [rn/view {:style {:flex 1}}
  [account-switcher/view
  {:type :wallet-networks
@@ -55,4 +56,11 @@
  :on-change #(reset! selected-tab %)
  :scrollable? true
  :scroll-on-press? true}]
- [tabs/view {:selected-tab @selected-tab}]]))))
+ [tabs/view {:selected-tab @selected-tab}]
+ [quo/floating-shell-button
+ {:jump-to
+ {:on-press #(rf/dispatch [:shell/navigate-to-jump-to])
+ :customization-color customization-color
+ :label (i18n/label :t/jump-to)}}
+ {:position :absolute
+ :bottom 0}]]))))
diff --git a/src/status_im/contexts/wallet/common/collectibles_tab/style.cljs b/src/status_im/contexts/wallet/common/collectibles_tab/style.cljs
@@ -0,0 +1,6 @@
+(ns status-im.contexts.wallet.common.collectibles-tab.style
+ (:require [status-im.contexts.shell.jump-to.constants :as constants]))
+
+(def list-container-style
+ {:margin-horizontal 12
+ :padding-bottom constants/floating-shell-button-height})
diff --git a/src/status_im/contexts/wallet/common/collectibles_tab/view.cljs b/src/status_im/contexts/wallet/common/collectibles_tab/view.cljs
@@ -5,6 +5,7 @@
  [react-native.core :as rn]
  [status-im.common.resources :as resources]
  [status-im.contexts.wallet.collectible.utils :as utils]
+ [status-im.contexts.wallet.common.collectibles-tab.style :as style]
  [status-im.contexts.wallet.common.empty-tab.view :as empty-tab]
  [utils.i18n :as i18n]))
 
@@ -50,7 +51,7 @@
  [rn/flat-list
  {:data collectibles
  :style {:flex 1}
- :content-container-style {:margin-horizontal 12}
+ :content-container-style style/list-container-style
  :window-size 11
  :num-columns 2
  :render-fn (fn [item index]

diff --git a/src/status_im/contexts/wallet/home/tabs/assets/style.cljs b/src/status_im/contexts/wallet/home/tabs/assets/style.cljs
@@ -1,4 +1,6 @@
-(ns status-im.contexts.wallet.home.tabs.assets.style)
+(ns status-im.contexts.wallet.home.tabs.assets.style
+ (:require [status-im.contexts.shell.jump-to.constants :as constants]))
 
 (def list-container
- {:padding-horizontal 8})
+ {:padding-horizontal 8
+ :padding-bottom constants/floating-shell-button-height})