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

[#9583] Overlapping with system bar on "Send transaction" screen (LG phones) 

Signed-off-by: Andrey Shovkoplyas <motor4ik@gmail.com>
This commit is contained in:
Andrey Shovkoplyas 2019-12-11 14:44:47 +01:00
parent 6a800b211d
commit b471f53cb3
No known key found for this signature in database
GPG Key ID: EAAB7C8622D860A4
1 changed files with 41 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
src/status_im/ui/screens/wallet/send/views.cljs
View File

@ -82,36 +82,47 @@
(views/defview sheet [_] (views/defview sheet [_]
(views/letsubs [{:keys [amount-error amount-text from token to sign-enabled? from-chat?] :as tx} (views/letsubs [{:keys [amount-error amount-text from token to sign-enabled? from-chat?] :as tx}
[:wallet.send/prepare-transaction-with-balance] [:wallet.send/prepare-transaction-with-balance]
small-screen? [:dimensions/small-screen?]] window-height [:dimensions/window-height]
[react/view (styles/sheet small-screen?) keyboard-height [:keyboard-height]]
[header small-screen?] (let [small-screen? (< (- window-height keyboard-height) 450)]
[react/view (merge {:flex-direction :row :padding-horizontal 24 :align-items :center} [react/view {:style (styles/sheet small-screen?)}
(when-not small-screen? [header small-screen?]
{:margin-top 16 :margin-bottom 16})) [react/view {:flex-direction :row :padding-horizontal 24 :align-items :center
[react/text-input :margin-vertical (if small-screen? 8 16)}
{:style {:font-size (if small-screen? 24 38) [react/text-input
:color (when amount-error colors/red) {:style {:font-size (if small-screen? 24 38)
:flex-shrink 1} :color (when amount-error colors/red)
:keyboard-type :numeric :flex-shrink 1}
:accessibility-label :amount-input :keyboard-type :numeric
:default-value amount-text :accessibility-label :amount-input
:auto-focus true :default-value amount-text
:on-change-text #(re-frame/dispatch [:wallet.send/set-amount-text %]) :auto-focus true
:placeholder "0.0 "}] :on-change-text #(re-frame/dispatch [:wallet.send/set-amount-text %])
[asset-selector tx] :placeholder "0.0 "}]
(when amount-error [asset-selector tx]
[tooltip/tooltip amount-error {:bottom-value 2 (when amount-error
:font-size 12}])] [tooltip/tooltip amount-error {:bottom-value 2
[components/separator] :font-size 12}])]
[list-item/list-item {:type :section-header :title :t/from}] [components/separator]
[render-account from token] (when-not small-screen?
[list-item/list-item {:type :section-header :title :t/to}] [list-item/list-item {:type :section-header :title :t/from}])
[render-contact to from-chat?] [react/view {:flex-direction :row :flex 1 :align-items :center}
[toolbar/toolbar (when small-screen?
{:center {:label :t/wallet-send [react/i18n-text {:style {:width 50 :text-align :right :color colors/gray} :key :t/from}])
:accessibility-label :send-transaction-bottom-sheet [react/view {:flex 1}
:disabled? (not sign-enabled?) [render-account from token]]]
:on-press #(re-frame/dispatch [:wallet.ui/sign-transaction-button-clicked tx])}}]])) (when-not small-screen?
[list-item/list-item {:type :section-header :title :t/to}])
[react/view {:flex-direction :row :flex 1 :align-items :center}
(when small-screen?
[react/i18n-text {:style {:width 50 :text-align :right :color colors/gray} :key :t/to}])
[react/view {:flex 1}
[render-contact to from-chat?]]]
[toolbar/toolbar
{:center {:label :t/wallet-send
:accessibility-label :send-transaction-bottom-sheet
:disabled? (not sign-enabled?)
:on-press #(re-frame/dispatch [:wallet.ui/sign-transaction-button-clicked tx])}}]])))
(defview prepare-transaction [] (defview prepare-transaction []
(letsubs [tx [:wallet/prepare-transaction]] (letsubs [tx [:wallet/prepare-transaction]]