From 9f857997a426b1afbc1e51cf6652e7e9e30ce7b5 Mon Sep 17 00:00:00 2001
From: Jon Tzeng <jon@edge.app>
Date: Wed, 10 Jan 2024 15:55:20 -0800
Subject: [PATCH] Update Buy/Sell Scenes to latest specs - 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.

---
 src/components/scenes/GuiPluginListScene.tsx | 7 ++++++-
 src/locales/en_US.ts                         | 2 ++
 src/locales/strings/enUS.json                | 2 ++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/scenes/GuiPluginListScene.tsx b/src/components/scenes/GuiPluginListScene.tsx
index d09a7e18a21..28a2df8457f 100644
--- a/src/components/scenes/GuiPluginListScene.tsx
+++ b/src/components/scenes/GuiPluginListScene.tsx
@@ -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
@@ -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
@@ -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}>
@@ -442,7 +447,7 @@ const getStyles = cacheStyles((theme: Theme) => ({
   },
   pluginRowPoweredByRow: {
     flexDirection: 'row',
-    justifyContent: 'flex-end',
+    justifyContent: 'flex-start',
     alignItems: 'center'
   },
   logo: {
diff --git a/src/locales/en_US.ts b/src/locales/en_US.ts
index 4091db95085..0615e1ec32c 100644
--- a/src/locales/en_US.ts
+++ b/src/locales/en_US.ts
@@ -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',
diff --git a/src/locales/strings/enUS.json b/src/locales/strings/enUS.json
index 4ad75689b51..c4816353954 100644
--- a/src/locales/strings/enUS.json
+++ b/src/locales/strings/enUS.json
@@ -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",