Move to style file

status-im · Nov 10, 2023 · bf042f8 · bf042f8
1 parent b0b3ff2
commit bf042f8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/status_im2/contexts/status_im_preview/common/floating_button_page/style.cljs b/src/status_im2/contexts/status_im_preview/common/floating_button_page/style.cljs
@@ -2,12 +2,17 @@
   (:require [quo.foundations.colors :as colors]
             [react-native.safe-area :as safe-area]))
 
+(defn container []
+  {:flex       1
+   :margin-top (safe-area/get-top)})
+
 (def background-image
   {:position :absolute
    :top      (- (safe-area/get-top))
    :left     0
    :right    0
    :bottom   200})
+
 (defn page-content
   [height]
   {:flex             1

diff --git a/src/status_im2/contexts/status_im_preview/common/floating_button_page/view.cljs b/src/status_im2/contexts/status_im_preview/common/floating_button_page/view.cljs
@@ -2,7 +2,6 @@
   (:require [quo.core :as quo]
             [re-frame.core :as rf]
             [react-native.core :as rn]
-            [react-native.safe-area :as safe-area]
             [reagent.core :as reagent]
             [status-im2.common.floating-button-page.view :as floating-button-page]
             [status-im2.common.resources :as resources]
@@ -13,9 +12,7 @@
   (let [content-height (reagent/atom 450)
         slide?         (reagent/atom false)]
     (fn []
-      [rn/view
-       {:flex       1
-        :margin-top (safe-area/get-top)}
+      [rn/view {:style (style/container)}
        (when-not @slide?
          [rn/image
           {:style  style/background-image
@@ -43,8 +40,7 @@
                     {:container-style {:z-index 2}
                      :on-press        #(js/alert "button pressed")}
                     "Save address"])}
-        [rn/view
-         {:style (style/page-content @content-height)}
+        [rn/view {:style (style/page-content @content-height)}
          [quo/text {:size :heading-1} "Page Content"]
          [quo/input
           {:auto-focus true