Show spinner when refreshing wallet on iOS [#3667]

Signed-off-by: Julien Eluard <julien.eluard@gmail.com>

src/status_im/ui/screens/wallet/styles.cljs

@@ -65,18 +65,18 @@
 
 ;; Main section
 
-(def main-section
-  {:flex 1})
+(defstyle main-section
+  {:flex 1
+   :ios  {:background-color colors/blue}})
 
-(def scroll-top
-  (let [height (:height (react/get-dimensions "window"))]
-    {:background-color colors/blue
-     :zIndex           -1
-     :position         :absolute
-     :height           height
-     :top              (- height)
-     :left             0
-     :right            0}))
+(defstyle scroll-bottom
+  {:background-color colors/white
+   :zIndex           -1
+   :position         :absolute
+   :left             0
+   :right            0
+   :android          {:height 0}
+   :ios              {:height 9999}})
 
 (def section
   {:background-color colors/blue})

src/status_im/ui/screens/wallet/views.cljs

@@ -91,11 +91,12 @@
                           [react/refresh-control {:on-refresh #(re-frame/dispatch [:update-wallet])
                                                   :tint-color :white
                                                   :refreshing false}])}
-      [react/view {:style styles/scroll-top}] ;; Hack to allow different colors for top / bottom scroll view]
       [total-section portfolio-value currency]
       [list/action-list actions
        {:container-style styles/action-section}]
-      [asset-section assets currency]]]))
+      [asset-section assets currency]
+      ;; Hack to allow different colors for bottom scroll view (iOS only)
+      [react/view {:style styles/scroll-bottom}]]]))
 
 (views/defview wallet []
   (views/letsubs [{:keys [wallet-set-up-passed?]} [:get-current-account]]