fixup! Integrate ramp plugin with UI

- Remove useMemo from TradeCreateScene country lookup
- Add 'Buying into wallet' display in TradeOptionSelectScene
- Fix localization strings:
  - Add buy_cryptocurrency_scene_title
  - Remove trade_region_select_buy_crypto (use buy_crypto instead)
  - Remove colon from trade_option_powered_by_label
  - Add buying_into_wallet_1s string

Author: samholmes

src/components/scenes/TradeCreateScene.tsx

@@ -119,10 +119,7 @@ export const TradeCreateScene = (props: Props): React.ReactElement => {
     state => state.ui.settings
   )
 
-  const countryData = React.useMemo(
-    () => COUNTRY_CODES.find(c => c['alpha-2'] === countryCode),
-    [countryCode]
-  )
+  const countryData = COUNTRY_CODES.find(c => c['alpha-2'] === countryCode)
 
   // Determine whether to show the region selection scene variant
   const shouldShowRegionSelect =
@@ -406,7 +403,7 @@ export const TradeCreateScene = (props: Props): React.ReactElement => {
   if (shouldShowRegionSelect) {
     return (
       <SceneWrapper scroll hasTabs>
-        <SceneContainer headerTitle={lstrings.trade_region_select_buy_crypto}>
+        <SceneContainer headerTitle={lstrings.buy_crypto}>
           <SubtitleText>
             {lstrings.trade_region_select_start_steps}
           </SubtitleText>

src/components/scenes/TradeOptionSelectScene.tsx

@@ -136,6 +136,14 @@ export const TradeOptionSelectScene = (props: Props): React.JSX.Element => {
   return (
     <SceneWrapper scroll hasTabs>
       <SceneContainer headerTitle={lstrings.trade_option_buy_title}>
+        {rampQuoteRequest.wallet != null && (
+          <WalletInfoText>
+            {sprintf(
+              lstrings.buying_into_wallet_1s,
+              rampQuoteRequest.wallet.name
+            )}
+          </WalletInfoText>
+        )}
         <SectionHeader
           leftTitle={lstrings.trade_option_select_payment_method}
           rightNode={
@@ -356,6 +364,15 @@ const ShimmerCard = styled(View)(theme => ({
   position: 'relative'
 }))
 
+const WalletInfoText = styled(EdgeText)(theme => ({
+  color: theme.secondaryText,
+  fontSize: theme.rem(0.875),
+  textAlign: 'center',
+  marginTop: theme.rem(0.5),
+  marginBottom: theme.rem(0.5),
+  marginHorizontal: theme.rem(1)
+}))
+
 // Utility mapping for payment types to custom title keys
 const paymentTypeToCustomTitleKey: Record<string, string> = {
   applepay: 'applepay'

src/locales/en_US.ts

@@ -1935,16 +1935,18 @@ const strings = {
   sell_crypto_footer: 'Crypto to bank or cash',
 
   // Trade Option Select Scene
+  buy_cryptocurrency_scene_title: 'Buy Cryptocurrency',
   trade_option_buy_title: 'Buy Cryptocurrency',
   trade_option_sell_title: 'Sell Cryptocurrency',
   trade_option_select_payment_method: 'Select Payment Method',
+  buying_into_wallet_1s: 'Buying into wallet: %s',
   trade_option_choose_provider: 'Choose Provider',
   trade_option_no_quotes_title: 'No quotes available',
   trade_option_no_quotes_body:
     'Please try again later. No providers are currently available.',
   trade_option_total_label: 'Total',
   trade_option_settlement_label: 'Settlement',
-  trade_option_powered_by_label: 'Powered By:',
+  trade_option_powered_by_label: 'Powered By',
   trade_option_best_rate_label: 'BEST\nRATE',
   trade_option_provider_failed_s: '%s Failed',
   swap_crypto: 'Swap Crypto',
@@ -1992,7 +1994,7 @@ const strings = {
   enter_value: 'Enter Value',
 
   // Trade Region Select Scene
-  trade_region_select_buy_crypto: 'Buy Crypto',
+
   trade_region_select_start_steps: 'Start in 4 Easy Steps',
   trade_region_select_step_1: 'Select Your Region for personalized options',
   trade_region_select_step_2: 'Create Your Quote',

src/locales/strings/enUS.json

@@ -1474,15 +1474,17 @@
   "see_all": "See All",
   "sell_crypto": "Sell Crypto",
   "sell_crypto_footer": "Crypto to bank or cash",
+  "buy_cryptocurrency_scene_title": "Buy Cryptocurrency",
   "trade_option_buy_title": "Buy Cryptocurrency",
   "trade_option_sell_title": "Sell Cryptocurrency",
   "trade_option_select_payment_method": "Select Payment Method",
+  "buying_into_wallet_1s": "Buying into wallet: %s",
   "trade_option_choose_provider": "Choose Provider",
   "trade_option_no_quotes_title": "No quotes available",
   "trade_option_no_quotes_body": "Please try again later. No providers are currently available.",
   "trade_option_total_label": "Total",
   "trade_option_settlement_label": "Settlement",
-  "trade_option_powered_by_label": "Powered By:",
+  "trade_option_powered_by_label": "Powered By",
   "trade_option_best_rate_label": "BEST\nRATE",
   "trade_option_provider_failed_s": "%s Failed",
   "swap_crypto": "Swap Crypto",
@@ -1516,7 +1518,6 @@
   "edge_ucation": "Edge-ucation",
   "education": "Education",
   "enter_value": "Enter Value",
-  "trade_region_select_buy_crypto": "Buy Crypto",
   "trade_region_select_start_steps": "Start in 4 Easy Steps",
   "trade_region_select_step_1": "Select Your Region for personalized options",
   "trade_region_select_step_2": "Create Your Quote",