status-im
/
status-react
mirror of https://github.com/status-im/status-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: jump-to button positioning (#19990) 

fix: jump-to button positioning (#19990)
This commit is contained in:
Omar Basem 2024-05-15 08:49:33 +04:00 committed by GitHub
parent 9421b12412
commit c87e981902
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 33 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/status_im/contexts/wallet/account/style.cljs
View File

@ -13,3 +13,7 @@
{:padding-top 60
:margin-bottom 12
:padding-horizontal 20})
(def shell-button
{:position :absolute
:bottom 12})

3
src/status_im/contexts/wallet/account/view.cljs
View File

@ -73,5 +73,4 @@
{:on-press #(rf/dispatch [:shell/navigate-to-jump-to])
:customization-color customization-color
:label (i18n/label :t/jump-to)}}
{:position :absolute
:bottom 0}]]))))
style/shell-button]]))))

6
src/status_im/contexts/wallet/home/style.cljs
View File

@ -1,13 +1,17 @@
(ns status-im.contexts.wallet.home.style
(:require
[quo.foundations.colors :as colors]
[react-native.safe-area :as safe-area]))
[react-native.safe-area :as safe-area]
[status-im.contexts.shell.jump-to.constants :as constants]))
(def tabs
{:padding-horizontal 20
:padding-top 8
:padding-bottom 12})
(def list-container
{:padding-bottom constants/floating-shell-button-height})
(def accounts-list
{:padding-top 8
:padding-bottom 16

45
src/status_im/contexts/wallet/home/view.cljs
View File

@ -86,25 +86,26 @@
[rn/view {:style (style/home-container)}
[common.top-nav/view]
[refreshable-flat-list/view
{:refresh-control [rn/refresh-control
{:refreshing (and tokens-loading? init-loaded?)
:colors [colors/neutral-40]
:tint-color colors/neutral-40
:on-refresh #(rf/dispatch [:wallet/get-accounts])}]
:header [rn/view {:style (style/header-container theme)}
[quo/wallet-overview
{:state (if tokens-loading? :loading :default)
:time-frame :none
:metrics :none
:balance formatted-balance
:networks networks
:dropdown-on-press #(rf/dispatch [:show-bottom-sheet
{:content network-filter/view}])}]
(when (ff/enabled? ::ff/wallet.graph)
[quo/wallet-graph {:time-frame :empty}])
[render-cards cards account-list-ref]
[render-tabs tabs-data set-selected-tab selected-tab]]
:sticky-header-indices [0]
:data []
:render-fn #()
:footer [tabs/view {:selected-tab selected-tab}]}]]))
{:refresh-control [rn/refresh-control
{:refreshing (and tokens-loading? init-loaded?)
:colors [colors/neutral-40]
:tint-color colors/neutral-40
:on-refresh #(rf/dispatch [:wallet/get-accounts])}]
:header [rn/view {:style (style/header-container theme)}
[quo/wallet-overview
{:state (if tokens-loading? :loading :default)
:time-frame :none
:metrics :none
:balance formatted-balance
:networks networks
:dropdown-on-press #(rf/dispatch [:show-bottom-sheet
{:content network-filter/view}])}]
(when (ff/enabled? ::ff/wallet.graph)
[quo/wallet-graph {:time-frame :empty}])
[render-cards cards account-list-ref]
[render-tabs tabs-data set-selected-tab selected-tab]]
:content-container-style style/list-container
:sticky-header-indices [0]
:data []
:render-fn #()
:footer [tabs/view {:selected-tab selected-tab}]}]]))