Fix for overlapping elements on Swap input page (#22207 )

* Fix for overlapping elements on Swap input page * Updates for opaqueness
Updated designs for swap sign transaction screen (#22218 )
2025-03-04 13:08:59 +00:00 · 2025-03-04 13:50:37 +01:00
5 changed files with 13 additions and 6 deletions
@@ -1,6 +1,10 @@
 (ns quo.components.banners.alert-banner.style
  (:require [quo.foundations.colors :as colors]))

+(defn alert-banner-container
+  [theme]
+  {:background-color (colors/theme-colors colors/white colors/neutral-95 theme)})
+
 (defn container
  [container-style]
  (merge
@@ -14,7 +14,8 @@
  [{:keys [action? text button-text text-number-of-lines container-style on-button-press]}]
  (let [theme (quo.theme/use-theme)]
    [rn/view
-     {:accessibility-label :alert-banner}
+     {:accessibility-label :alert-banner
+      :style               (style/alert-banner-container theme)}
     [linear-gradient/linear-gradient
      {:style  (style/container container-style)
       :start  {:x 0 :y 0}
@@ -44,7 +44,7 @@
            [network-amount
             {:network  k
              :amount   (str amount " " (or token-symbol (get default-token-symbols k)))
-              :divider? (not= (dec i) (-> networks-to-show keys count))
+              :divider? (not= (inc i) (-> networks-to-show keys count))
              :theme    theme}])))
       (remove nil?)
       (into [rn/view
@@ -56,7 +56,7 @@
  (let [theme   (quo.theme/use-theme)
        address (or (:address account-props) (:address token-props))]
    [rn/view
-     {:style (style/container (seq? networks-to-show) theme)}
+     {:style (style/container (boolean networks-to-show) theme)}
     [rn/view
      {:style style/info-container}
      (case type
@@ -12,11 +12,13 @@
  {:padding-top        12
   :padding-horizontal 20})

-(def details-container
+(defn details-container
+  [theme]
  {:flex-direction     :row
   :justify-content    :space-between
   :padding-top        7
-   :padding-horizontal 20})
+   :padding-horizontal 20
+   :background-color   (colors/theme-colors colors/white colors/neutral-95 theme)})

 (def detail-item
  {:flex             1
@@ -88,7 +88,7 @@
                                currency-symbol
                                max-fee)
        error-response         (rf/sub [:wallet/swap-error-response])]
-    [rn/view {:style style/details-container}
+    [rn/view {:style (style/details-container theme)}
     [data-item
      (cond-> {:title    (i18n/label :t/max-fees)
               :subtitle max-fee-formatted
Author	SHA1	Message	Date
Alexander	e0accaadfa	Fix for overlapping elements on Swap input page (#22207 ) * Fix for overlapping elements on Swap input page * Updates for opaqueness	2025-03-04 13:08:59 +00:00
Alexander	f1aaf28365	Updated designs for swap sign transaction screen (#22218 )	2025-03-04 13:50:37 +01:00