diff --git a/src/quo2/components/inputs/profile_input/component_spec.cljs b/src/quo2/components/inputs/profile_input/component_spec.cljs index e4109036e5..4d63fc298b 100644 --- a/src/quo2/components/inputs/profile_input/component_spec.cljs +++ b/src/quo2/components/inputs/profile_input/component_spec.cljs @@ -9,5 +9,4 @@ {:placeholder "Your Name" :on-press event}]) (h/fire-event :press (h/get-by-label-text :select-profile-picture-button)) - (-> (js/expect event) - (.toHaveBeenCalledTimes 1))))) + (h/was-called-times event 1)))) diff --git a/src/quo2/components/inputs/profile_input/style.cljs b/src/quo2/components/inputs/profile_input/style.cljs index ed8b201257..ce18a0774c 100644 --- a/src/quo2/components/inputs/profile_input/style.cljs +++ b/src/quo2/components/inputs/profile_input/style.cljs @@ -1,13 +1,12 @@ (ns quo2.components.inputs.profile-input.style - (:require [react-native.platform :as platform] - [quo2.foundations.colors :as colors])) + (:require [quo2.foundations.colors :as colors])) (defn container [customization-color] {:background-color (colors/custom-color customization-color 50 40) :padding-horizontal 12 :padding-top 12 - :padding-bottom (if platform/ios? 10 0) + :padding-bottom 10 :border-radius 16 :flex 1}) diff --git a/src/quo2/components/inputs/profile_input/view.cljs b/src/quo2/components/inputs/profile_input/view.cljs index ac8f8c4539..690aaa82a6 100644 --- a/src/quo2/components/inputs/profile_input/view.cljs +++ b/src/quo2/components/inputs/profile_input/view.cljs @@ -31,10 +31,11 @@ :borderRadius 12}]} [user-avatar/user-avatar (assoc image-picker-props - :static? true - :status-indicator? false - :full-name (if (seq full-name) full-name placeholder) - :size :medium)]] + :customization-color customization-color + :static? true + :status-indicator? false + :full-name (if (seq full-name) full-name placeholder) + :size :medium)]] [buttons/button {:accessibility-label :select-profile-picture-button :type :grey diff --git a/src/status_im2/contexts/quo_preview/inputs/profile_input.cljs b/src/status_im2/contexts/quo_preview/inputs/profile_input.cljs index bf8caef544..3c98947388 100644 --- a/src/status_im2/contexts/quo_preview/inputs/profile_input.cljs +++ b/src/status_im2/contexts/quo_preview/inputs/profile_input.cljs @@ -1,10 +1,9 @@ (ns status-im2.contexts.quo-preview.inputs.profile-input (:require [quo2.core :as quo] - [quo2.foundations.colors :as colors] - [react-native.blur :as blur] [reagent.core :as reagent] [status-im2.common.resources :as resources] - [status-im2.contexts.quo-preview.preview :as preview])) + [status-im2.contexts.quo-preview.preview :as preview] + [quo.react-native :as rn])) (def descriptor [{:key :disabled? @@ -22,12 +21,12 @@ value (reagent/atom "") on-change-text #(reset! value %)] (fn [] - [preview/preview-container {:state state :descriptor descriptor} - [blur/view - {:background-color colors/neutral-80-opa-80 - :flex-direction :row - :margin-horizontal 20 - :justify-content :center} + [preview/preview-container + {:state state + :descriptor descriptor + :blur? true + :show-blur-background? true} + [rn/view [quo/profile-input {:default-value "" :on-change-text on-change-text