status-im
/
status-react
mirror of https://github.com/status-im/status-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat(swap): show and link to provider terms and conditions (#21311) 

Signed-off-by: Brian Sztamfater <brian@status.im>
This commit is contained in:
Brian Sztamfater 2024-09-27 11:21:51 -03:00 committed by GitHub
parent 9c73d9d03c
commit 24f482014b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 57 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/status_im/constants.cljs
View File

@ -595,7 +595,7 @@
(def ^:const max-slippage-decimal-places 2)
(def ^:const swap-provider-paraswap
{:name :paraswap
:full-name "Paraswap"
:full-name "ParaSwap"
:color :blue
:contract-address "0xdef171fe48cf0115b1d80b88dc8eab59176fee57"
:terms-and-conditions-url "https://files.paraswap.io/tos_v4.pdf"})

20
src/status_im/contexts/wallet/swap/set_spending_cap/style.cljs
View File

@ -10,6 +10,9 @@
:height 36
:background-color :transparent})
(def scroll-view-container
{:padding-bottom 150})
(def content-container
{:padding-top 12
:padding-horizontal 20
@ -38,3 +41,20 @@
[theme]
{:margin-bottom 8
:color (colors/theme-colors colors/neutral-50 colors/neutral-40 theme)})
(def providers-container
{:align-items :center
:margin-top 12})
(defn swaps-powered-by
[theme]
{:color (colors/theme-colors colors/neutral-80-opa-40 colors/white-opa-70 theme)})
(defn terms-and-conditions
[theme]
{:color (colors/theme-colors colors/neutral-100 colors/white theme)})
(defn footer-container
[theme]
{:margin-bottom -10
:background-color (colors/theme-colors colors/white colors/neutral-100 theme)})

22
src/status_im/contexts/wallet/swap/set_spending_cap/view.cljs
View File

@ -228,9 +228,25 @@
(defn- footer
[]
[rn/view {:style {:margin-bottom -10}}
(let [provider (rf/sub [:wallet/swap-proposal-provider])
theme (quo.theme/use-theme)
on-press (rn/use-callback #(when provider
(rf/dispatch [:open-url (:terms-and-conditions-url provider)]))
[provider])]
[rn/view {:style (style/footer-container theme)}
[transaction-details]
[slide-button]])
[slide-button]
[rn/view {:style style/providers-container}
[quo/text
{:size :paragraph-2
:style (style/swaps-powered-by theme)}
(i18n/label :t/swaps-powered-by
{:provider (if provider (:full-name provider) (i18n/label :t/unknown))})]
[quo/text
{:size :paragraph-2
:style (style/terms-and-conditions theme)
:on-press on-press}
(i18n/label :t/terms-and-conditions)]]]))
(defn view
[]
@ -247,7 +263,7 @@
:footer [footer]
:gradient-cover? true
:customization-color (:color account)}
[:<>
[rn/scroll-view {:style style/scroll-view-container}
[swap-title]
[spending-cap-section]
[account-section]

4
src/status_im/contexts/wallet/swap/swap_confirmation/style.cljs
View File

@ -41,3 +41,7 @@
(defn swaps-powered-by
[theme]
{:color (colors/theme-colors colors/neutral-80-opa-40 colors/white-opa-70 theme)})
(defn terms-and-conditions
[theme]
{:color (colors/theme-colors colors/neutral-100 colors/white theme)})

12
src/status_im/contexts/wallet/swap/swap_confirmation/view.cljs
View File

@ -177,7 +177,10 @@
(defn footer
[]
(let [provider (rf/sub [:wallet/swap-proposal-provider])
theme (quo.theme/use-theme)]
theme (quo.theme/use-theme)
on-press (rn/use-callback #(when provider
(rf/dispatch [:open-url (:terms-and-conditions-url provider)]))
[provider])]
[:<>
[transaction-details]
[slide-button]
@ -186,7 +189,12 @@
{:size :paragraph-2
:style (style/swaps-powered-by theme)}
(i18n/label :t/swaps-powered-by
{:provider (if provider (:full-name provider) (i18n/label :t/unknown))})]]]))
{:provider (if provider (:full-name provider) (i18n/label :t/unknown))})]
[quo/text
{:size :paragraph-2
:style (style/terms-and-conditions theme)
:on-press on-press}
(i18n/label :t/terms-and-conditions)]]]))
(defn view
[]

3
translations/en.json
View File

@ -2403,7 +2403,7 @@
"swap-failed": "Swap failed",
"swapped-to": "Swapped {{pay-amount}} {{pay-token-symbol}} to {{receive-amount}} {{receive-token-symbol}}",
"swapping-to": "Swapping {{pay-amount}} {{pay-token-symbol}} to {{receive-amount}} {{receive-token-symbol}}",
"swaps-powered-by": "Swaps powered by {{provider}}",
"swaps-powered-by": "Powered by {{provider}}",
"switch-to-simple-interface": "Switch to simple interface",
"symbol": "Symbol",
"sync-all-devices": "Sync all devices",
@ -2436,6 +2436,7 @@
"tap": "Tap",
"tap-card-again": "Tap the card to the back of your phone again",
"tap-on": "Tap on",
"terms-and-conditions": "Terms and Conditions",
"terms-of-service": "Terms of Use",
"testnet-mode": "Testnet mode",
"testnet-mode-disable-description": "Are you sure you want to turn off Testnet mode? All future transactions will be performed on live networks with real funds.",