review

status-im · Sep 15, 2023 · a6da2ca · a6da2ca
1 parent 5c53cf7
commit a6da2ca
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/quo2/components/list_items/account_list_card/style.cljs b/src/quo2/components/list_items/account_list_card/style.cljs
@@ -2,7 +2,7 @@
   (:require [quo2.foundations.colors :as colors]))
 
 (defn container
-  [state blur? theme]
+  [{:keys [state blur? theme]}]
   (let [light-bg     (if (= state :default) colors/neutral-2_5 colors/neutral-5)
         dark-bg      (if (= state :default) colors/neutral-80-opa-40 colors/neutral-80-opa-60)
         blur-bg      (if (= state :default) colors/white-opa-5 colors/white-opa-10)
@@ -18,3 +18,7 @@
      :padding-horizontal 8
      :padding-vertical   6
      :justify-content    :space-between}))
+
+(def left-container
+  {:flex-direction :row
+   :align-items    :center})
diff --git a/src/quo2/components/list_items/account_list_card/view.cljs b/src/quo2/components/list_items/account_list_card/view.cljs
@@ -14,14 +14,12 @@
   (let [state (reagent/atom :default)]
     (fn [{:keys [action blur? account-props networks on-press on-options-press theme]}]
       [rn/pressable
-       {:style               (style/container @state blur? theme)
+       {:style               (style/container {:state @state :blur? blur? :theme theme})
         :on-press-in         #(reset! state :pressed)
         :on-press-out        #(reset! state :default)
         :on-press            on-press
         :accessibility-label :container}
-       [rn/view
-        {:style {:flex-direction :row
-                 :align-items    :center}}
+       [rn/view {:style style/left-container}
         [account-avatar/view account-props]
         [rn/view {:style {:margin-left 8}}
          [text/text