(fix) modify disclaimer component for on tap UX

status-im · May 2, 2023 · fd1fed2 · fd1fed2
1 parent 08e6b81
commit fd1fed2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 13 deletions.
diff --git 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
@@ -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)]]