woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-05 08:59:14 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

✨ Hide empty payment method sections

Browse source
This commit is contained in:
Philipp Stracker 2025-03-25 16:46:52 +01:00
parent 9dc1bf7d7b
commit 5c34f2f78b
No known key found for this signature in database
1 changed files with 27 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

43
modules/ppcp-settings/resources/js/Components/Screens/Settings/Tabs/TabPaymentMethods.js
View file

@ -54,6 +54,13 @@ const TabPaymentMethods = () => {
const merchant = CommonHooks.useMerchant();
const { canUseCardPayments } = OnboardingHooks.useFlags();
const showCardPayments =
methods.cardPayment.length > 0 &&
merchant.isBusinessSeller &&
canUseCardPayments;
const showApms = methods.apm.length > 0;
return (
<div className="ppcp-r-payment-methods">
<PaymentMethodCard
@ -68,7 +75,8 @@ const TabPaymentMethods = () => {
onTriggerModal={ setActiveModal }
methodsMap={ methodsMap }
/>
{ merchant.isBusinessSeller && canUseCardPayments && (
{ showCardPayments && (
<PaymentMethodCard
id="ppcp-card-payments-card"
title={ __(
@ -85,21 +93,24 @@ const TabPaymentMethods = () => {
methodsMap={ methodsMap }
/>
) }
<PaymentMethodCard
id="ppcp-alternative-payments-card"
title={ __(
'Alternative Payment Methods',
'woocommerce-paypal-payments'
) }
description={ __(
'With alternative payment methods, customers across the globe can pay with their bank accounts and other local payment methods.',
'woocommerce-paypal-payments'
) }
icon="icon-checkout-alternative-methods.svg"
methods={ methods.apm }
onTriggerModal={ setActiveModal }
methodsMap={ methodsMap }
/>
{ showApms && (
<PaymentMethodCard
id="ppcp-alternative-payments-card"
title={ __(
'Alternative Payment Methods',
'woocommerce-paypal-payments'
) }
description={ __(
'With alternative payment methods, customers across the globe can pay with their bank accounts and other local payment methods.',
'woocommerce-paypal-payments'
) }
icon="icon-checkout-alternative-methods.svg"
methods={ methods.apm }
onTriggerModal={ setActiveModal }
methodsMap={ methodsMap }
/>
) }
{ activeModal && (
<Modal