From fac368521b747e56d177c33eb450fd3cdaad00f5 Mon Sep 17 00:00:00 2001 From: Siddarth Kumar Date: Tue, 2 May 2023 15:55:49 +0530 Subject: [PATCH] (fix) modify disclaimer component for on tap UX (#15757) --- .../components/selectors/disclaimer/view.cljs | 26 ++++++++++--------- .../onboarding/create_password/view.cljs | 2 +- 2 files changed, 15 insertions(+), 13 deletions(-) diff --git a/src/quo2/components/selectors/disclaimer/view.cljs b/src/quo2/components/selectors/disclaimer/view.cljs index 3c7724f8e8..4098eeec18 100644 --- a/src/quo2/components/selectors/disclaimer/view.cljs +++ b/src/quo2/components/selectors/disclaimer/view.cljs @@ -5,15 +5,17 @@ [react-native.core :as rn])) (defn view - [{:keys [checked? blur? on-change accessibility-label container-style]} label] - [rn/view - {:style (merge container-style (style/container blur?))} - [selectors/checkbox - {:accessibility-label accessibility-label - :blur? blur? - :checked? checked? - :on-change on-change}] - [text/text - {:size :paragraph-2 - :style style/text} - label]]) + [{:keys [checked? blur? accessibility-label container-style on-change]} label] + [rn/touchable-opacity + {:on-press on-change + :accessibility-label "disclaimer-touchable-opacity"} + [rn/view {:style (merge container-style (style/container blur?))} + [selectors/checkbox + {:accessibility-label accessibility-label + :blur? blur? + :checked? checked? + :on-change on-change}] + [text/text + {:size :paragraph-2 + :style style/text} + label]]]) diff --git a/src/status_im2/contexts/onboarding/create_password/view.cljs b/src/status_im2/contexts/onboarding/create_password/view.cljs index 3e542088d2..d9d9eb751d 100644 --- a/src/status_im2/contexts/onboarding/create_password/view.cljs +++ b/src/status_im2/contexts/onboarding/create_password/view.cljs @@ -166,7 +166,7 @@ [rn/view {:style style/disclaimer-container} [quo/disclaimer {:blur? true - :on-change #(reset! accepts-disclaimer? %) + :on-change #(swap! accepts-disclaimer? not) :checked? @accepts-disclaimer?} (i18n/label :t/password-creation-disclaimer)]]