woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-07 19:54:15 +08:00
Code Issues Projects Packages Wiki Activity Actions

⚡️ Memoize payment methods in styling tab

Browse source
This commit is contained in:
Philipp Stracker 2025-02-13 15:27:29 +01:00
parent 30ff337c06
commit 16ec522830
No known key found for this signature in database
1 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

14
modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Styling/Content/PaymentMethods.js
View file

@ -2,17 +2,21 @@ import { __ } from '@wordpress/i18n';
import { PaymentHooks, StylingHooks } from '../../../../../../data'; import { PaymentHooks, StylingHooks } from '../../../../../../data';
import { CheckboxStylingSection } from '../Layout'; import { CheckboxStylingSection } from '../Layout';
import { useMemo } from '@wordpress/element';
const SectionPaymentMethods = ( { location } ) => { const SectionPaymentMethods = ( { location } ) => {
const { paymentMethods, setPaymentMethods, choices } = const { paymentMethods, setPaymentMethods, choices } =
StylingHooks.usePaymentMethodProps( location ); StylingHooks.usePaymentMethodProps( location );
const { all: allMethods } = PaymentHooks.usePaymentMethods(); const { all: allMethods } = PaymentHooks.usePaymentMethods();
const filteredChoices = choices.filter( ( choice ) => { const filteredChoices = useMemo( () => {
const methodConfig = allMethods.find( ( i ) => i.id === choice.value ); return choices.filter( ( choice ) => {
return methodConfig?.enabled; const methodConfig = allMethods.find(
} ); ( i ) => i.id === choice.value
);
return methodConfig?.enabled;
} );
}, [ choices, allMethods ] );
return ( return (
<CheckboxStylingSection <CheckboxStylingSection