Make Stripe the default PurchaseVendor for AddFunds on mobile (#7085)

AudiusProject · Jan 4, 2024 · 7dc3969 · 7dc3969
1 parent 33e1b72
commit 7dc3969
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 10 deletions.
diff --git a/packages/mobile/src/components/add-funds-drawer/AddFundsDrawer.tsx b/packages/mobile/src/components/add-funds-drawer/AddFundsDrawer.tsx
@@ -1,6 +1,7 @@
 import { useCallback, useState } from 'react'
 
 import {
+  PurchaseVendor,
   useAddFundsModal,
   useUSDCManualTransferModal,
   buyUSDCActions,
@@ -52,7 +53,7 @@ export const AddFundsDrawer = () => {
   const openCardFlow = useCallback(() => {
     dispatch(
       buyUSDCActions.onrampOpened({
-        vendor: purchaseVendorState,
+        vendor: purchaseVendorState ?? PurchaseVendor.STRIPE,
         purchaseInfo: {
           desiredAmount: DEFAULT_PURCHASE_AMOUNT_CENTS
         }

diff --git a/packages/mobile/src/components/payment-method/PaymentMethod.tsx b/packages/mobile/src/components/payment-method/PaymentMethod.tsx
@@ -110,7 +110,9 @@ export const PaymentMethod = ({
       icon: IconCreditCard,
       content:
         vendorOptions.length > 1 ? (
-          <CardSelectionButton selectedVendor={purchaseVendor} />
+          <CardSelectionButton
+            selectedVendor={purchaseVendor ?? vendorOptions[0]}
+          />
         ) : null
     },
     {

diff --git a/packages/mobile/src/screens/pay-and-earn-screen/USDCCard.tsx b/packages/mobile/src/screens/pay-and-earn-screen/USDCCard.tsx
@@ -51,19 +51,19 @@ const useStyles = makeStyles(({ spacing, palette }) => ({
   usdc: {
     fontSize: spacing(5),
     fontWeight: '900',
-    color: palette.white,
+    color: palette.staticWhite,
     opacity: 0.8
   },
   balance: {
     fontSize: spacing(10.5),
     fontWeight: '900',
-    color: palette.white,
+    color: palette.staticWhite,
     lineHeight: spacing(13)
   },
   buyAndSell: {
     fontSize: spacing(4),
     fontWeight: '500',
-    color: palette.white,
+    color: palette.staticWhite,
     marginTop: spacing(2)
   },
   learnMore: {
@@ -84,7 +84,7 @@ const useStyles = makeStyles(({ spacing, palette }) => ({
 
 export const USDCCard = () => {
   const styles = useStyles()
-  const white = useColor('white')
+  const white = useColor('staticWhite')
   const { data: balance } = useUSDCBalance()
   const balanceCents = formatUSDCWeiToFloorCentsNumber(
     (balance ?? new BN(0)) as BNUSDC
@@ -123,7 +123,7 @@ export const USDCCard = () => {
             width={spacing(4)}
             fill={white}
           />
-          <Text fontSize='small' weight='bold' color='white'>
+          <Text fontSize='small' weight='bold' color='staticWhite'>
             {messages.learnMore}
           </Text>
         </TouchableOpacity>

diff --git a/packages/mobile/src/store/purchase-vendor/slice.ts b/packages/mobile/src/store/purchase-vendor/slice.ts
@@ -1,13 +1,13 @@
-import { PurchaseVendor } from '@audius/common'
+import type { PurchaseVendor } from '@audius/common'
 import type { PayloadAction } from '@reduxjs/toolkit'
 import { createSlice } from '@reduxjs/toolkit'
 
 export type PurchaseVendorState = {
-  card: PurchaseVendor
+  card?: PurchaseVendor
 }
 
 const initialState: PurchaseVendorState = {
-  card: PurchaseVendor.COINFLOW
+  card: undefined
 }
 
 const slice = createSlice({