Continue button is invisible behind keyboard in Add Address To Watch … (#17940)

This commit is contained in:
Ibrahem Khalil 2023-11-28 18:38:06 +02:00 committed by GitHub
parent a9a17aaae8
commit 6ccea1ddb2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 34 additions and 37 deletions

View File

@ -5,12 +5,6 @@
:margin-top 12 :margin-top 12
:margin-bottom 20}) :margin-bottom 20})
(def button-container
{:position :absolute
:bottom 22
:left 20
:right 20})
(def scan (def scan
{:align-self {:align-self
:flex-end}) :flex-end})

View File

@ -5,6 +5,7 @@
[react-native.clipboard :as clipboard] [react-native.clipboard :as clipboard]
[react-native.core :as rn] [react-native.core :as rn]
[reagent.core :as reagent] [reagent.core :as reagent]
[status-im2.common.floating-button-page.view :as floating-button-page]
[status-im2.contexts.wallet.add-address-to-watch.style :as style] [status-im2.contexts.wallet.add-address-to-watch.style :as style]
[status-im2.contexts.wallet.common.validation :as validation] [status-im2.contexts.wallet.common.validation :as validation]
[utils.i18n :as i18n] [utils.i18n :as i18n]
@ -82,34 +83,36 @@
(fn [] (fn []
[rn/view [rn/view
{:style {:flex 1}} {:style {:flex 1}}
[quo/page-nav [floating-button-page/view
{:type :no-title {:header [quo/page-nav
:icon-name :i/close {:type :no-title
:on-press (fn [] :icon-name :i/close
(rf/dispatch [:wallet/clean-scanned-address]) :on-press (fn []
(rf/dispatch [:navigate-back]))}] (rf/dispatch [:wallet/clean-scanned-address])
[quo/text-combinations (rf/dispatch [:navigate-back]))}]
{:container-style style/header-container :footer
:title (i18n/label :t/add-address) [quo/button
:description (i18n/label :t/enter-eth)}] {:customization-color customization-color
[:f> address-input :disabled? (string/blank? @input-value)
{:input-value input-value :on-press #(rf/dispatch [:navigate-to
:validate validate :confirm-address-to-watch
:validation-msg validation-msg {:address @input-value}])
:clear-input clear-input}] :container-style {:z-index 2}}
(when @validation-msg (i18n/label :t/continue)]}
[quo/info-message [quo/text-combinations
{:accessibility-label :error-message {:container-style style/header-container
:size :default :title (i18n/label :t/add-address)
:icon :i/info :description (i18n/label :t/enter-eth)}]
:type :error [:f> address-input
:style style/info-message} {:input-value input-value
@validation-msg]) :validate validate
[quo/button :validation-msg validation-msg
{:customization-color customization-color :clear-input clear-input}]
:disabled? (string/blank? @input-value) (when @validation-msg
:on-press #(rf/dispatch [:navigate-to [quo/info-message
:confirm-address-to-watch {:accessibility-label :error-message
{:address @input-value}]) :size :default
:container-style style/button-container} :icon :i/info
(i18n/label :t/continue)]]))) :type :error
:style style/info-message}
@validation-msg])]])))