Skip to content

Commit

Permalink
Update Buy/Sell Scenes to latest specs
Browse files Browse the repository at this point in the history
- Remove chevrons
- Left justify Powered By
- Add CTA headers. Intentionally did not reuse old "Select your region" string because it's not capitalized in a way that looks like a title.
  • Loading branch information
Jon-edge committed Jan 11, 2024
1 parent b7eff95 commit 9f85799
Show file tree
Hide file tree
Showing 3 changed files with 10 additions and 1 deletion.
7 changes: 6 additions & 1 deletion src/components/scenes/GuiPluginListScene.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@ import { EdgeText } from '../themed/EdgeText'
import { SceneHeader } from '../themed/SceneHeader'
import { CardUi4 } from '../ui4/CardUi4'
import { RowUi4 } from '../ui4/RowUi4'
import { SectionHeaderUi4 } from '../ui4/SectionHeaderUi4'
import { SectionView } from '../ui4/SectionView'

const buyRaw = buyPluginJsonOverrideRaw.length > 0 ? buyPluginJsonOverrideRaw : buyPluginJsonRaw
Expand Down Expand Up @@ -380,9 +381,12 @@ class GuiPluginList extends React.PureComponent<Props, State> {
return (
<View style={[styles.sceneContainer, { paddingTop: insetStyles.paddingTop }]}>
<SceneHeader title={direction === 'buy' ? lstrings.title_plugin_buy : lstrings.title_plugin_sell} underline />

<SectionHeaderUi4 leftTitle={lstrings.title_select_region} />
<CardUi4>
<RowUi4
onPress={this._handleCountryPress}
rightButtonType="none"
icon={
countryData == null ? undefined : (
<FastImage
Expand All @@ -394,6 +398,7 @@ class GuiPluginList extends React.PureComponent<Props, State> {
body={countryData ? countryData.name : lstrings.buy_sell_crypto_select_country_button}
/>
</CardUi4>
<SectionHeaderUi4 leftTitle={lstrings.title_select_payment_method} />
{plugins.length === 0 ? (
<View style={styles.emptyPluginContainer}>
<EdgeText style={styles.emptyPluginText} numberOfLines={2}>
Expand Down Expand Up @@ -442,7 +447,7 @@ const getStyles = cacheStyles((theme: Theme) => ({
},
pluginRowPoweredByRow: {
flexDirection: 'row',
justifyContent: 'flex-end',
justifyContent: 'flex-start',
alignItems: 'center'
},
logo: {
Expand Down
2 changes: 2 additions & 0 deletions src/locales/en_US.ts
Original file line number Diff line number Diff line change
Expand Up @@ -619,6 +619,8 @@ const strings = {
title_add_token: 'Add Token',
title_password_recovery: 'Password Recovery',
title_plugin_buy: 'Buy Cryptocurrency',
title_select_region: 'Select Region',
title_select_payment_method: 'Select Payment Method',
title_plugin_sell: 'Sell Cryptocurrency',
title_otp: '2-Factor Security',
title_register_fio_address: 'Register FIO Address',
Expand Down
2 changes: 2 additions & 0 deletions src/locales/strings/enUS.json
Original file line number Diff line number Diff line change
Expand Up @@ -551,6 +551,8 @@
"title_add_token": "Add Token",
"title_password_recovery": "Password Recovery",
"title_plugin_buy": "Buy Cryptocurrency",
"title_select_region": "Select Region",
"title_select_payment_method": "Select Payment Method",
"title_plugin_sell": "Sell Cryptocurrency",
"title_otp": "2-Factor Security",
"title_register_fio_address": "Register FIO Address",
Expand Down

0 comments on commit 9f85799

Please sign in to comment.