[PAY-2270] Show vendor button only if more than 1 vendor (#6945)

AudiusProject · Dec 14, 2023 · 215a36a · 215a36a
1 parent 9c2e79c
commit 215a36a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/packages/mobile/src/components/payment-method/PaymentMethod.tsx b/packages/mobile/src/components/payment-method/PaymentMethod.tsx
@@ -7,7 +7,8 @@ import {
   formatCurrencyBalance,
   FeatureFlags,
   useFeatureFlag,
-  PurchaseVendor
+  PurchaseVendor,
+  removeNullable
 } from '@audius/common'
 import BN from 'bn.js'
 import { FlatList, View, TouchableOpacity } from 'react-native'
@@ -87,6 +88,10 @@ export const PaymentMethod = ({
   const purchaseVendor = useSelector(getPurchaseVendor)
   const { isEnabled: isCoinflowEnabled, isLoaded: isCoinflowEnabledLoaded } =
     useFeatureFlag(FeatureFlags.BUY_WITH_COINFLOW)
+  const vendorOptions = [
+    isCoinflowEnabled ? PurchaseVendor.COINFLOW : null,
+    PurchaseVendor.STRIPE
+  ].filter(removeNullable)
 
   // Initial state is coinflow by default, but set to stripe if coinflow is disabled.
   useEffect(() => {
@@ -105,7 +110,10 @@ export const PaymentMethod = ({
         </Text>
       ),
       icon: IconCreditCard,
-      content: <CardSelectionButton selectedVendor={purchaseVendor} />
+      content:
+        vendorOptions.length > 1 ? (
+          <CardSelectionButton selectedVendor={purchaseVendor} />
+        ) : null
     },
     {
       id: PurchaseMethod.CRYPTO,

diff --git a/packages/mobile/src/components/premium-track-purchase-drawer/PremiumTrackPurchaseDrawer.tsx b/packages/mobile/src/components/premium-track-purchase-drawer/PremiumTrackPurchaseDrawer.tsx
@@ -325,7 +325,7 @@ const RenderForm = ({
                     setSelectedMethod={setPurchaseMethod}
                     balance={balance}
                     isExistingBalanceDisabled={isExistingBalanceDisabled}
-                    showExistingBalance={!balance?.isZero}
+                    showExistingBalance={!balance?.isZero()}
                   />
                 )}
               </View>