tidy: use bottom-inset for padding key-pair and accounts list

status-im · May 9, 2024 · 0d92c0b · 0d92c0b
1 parent 6d6b0d1
commit 0d92c0b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/status_im/contexts/settings/wallet/keypairs_and_accounts/style.cljs b/src/status_im/contexts/settings/wallet/keypairs_and_accounts/style.cljs
@@ -5,10 +5,14 @@
    :margin-vertical    12})
 
 (defn page-wrapper
-  [inset-top]
-  {:padding-top inset-top
+  [top-inset]
+  {:padding-top top-inset 
    :flex        1})
 
+(defn list-container
+  [bottom-inset]
+  {:padding-bottom bottom-inset})
+
 (def keypair-container-style
   {:margin-horizontal 20
    :margin-vertical   8})
diff --git a/src/status_im/contexts/settings/wallet/keypairs_and_accounts/view.cljs b/src/status_im/contexts/settings/wallet/keypairs_and_accounts/view.cljs
@@ -77,14 +77,14 @@
 
 (defn view
   []
-  (let [inset-top           (safe-area/get-top)
+  (let [insets              (safe-area/get-insets)
         compressed-key      (rf/sub [:profile/compressed-key])
         profile-picture     (rf/sub [:profile/image])
         customization-color (rf/sub [:profile/customization-color])
         keypairs            (rf/sub [:wallet/keypairs])]
     [quo/overlay
      {:type            :shell
-      :container-style (style/page-wrapper inset-top)}
+      :container-style (style/page-wrapper (:top insets))}
      [quo/page-nav
       {:key        :header
        :background :blur
@@ -102,4 +102,4 @@
         :render-data             {:profile-picture     profile-picture
                                   :compressed-key      compressed-key
                                   :customization-color customization-color}
-        :content-container-style {:padding-bottom 60}}]]]))
+        :content-container-style (style/list-container (:bottom insets))}]]]))