fix: profile input - input field position - Android (#17210)

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))))

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})
 

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

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