♻️ Switch PaymentMethodsBlock to new action

This commit is contained in:
Philipp Stracker 2025-01-27 11:07:57 +01:00
parent 7613babb7c
commit e4feb1f8f8
No known key found for this signature in database

View file

@ -4,19 +4,17 @@ import { PaymentHooks } from '../../../data';
// TODO: This is not a reusable component, as it's connected to the Redux store.
const PaymentMethodsBlock = ( { paymentMethods = [], onTriggerModal } ) => {
const { setPersistent } = PaymentHooks.useStore();
const { changePaymentSettings } = PaymentHooks.useStore();
const handleSelect = ( methodId, isSelected ) =>
changePaymentSettings( methodId, {
enabled: isSelected,
} );
if ( ! paymentMethods.length ) {
return null;
}
const handleSelect = ( paymentMethod, isSelected ) => {
setPersistent( paymentMethod.id, {
...paymentMethod,
enabled: isSelected,
} );
};
return (
<SettingsBlock className="ppcp--grid ppcp-r-settings-block__payment-methods">
{ paymentMethods.map( ( paymentMethod ) => (
@ -25,7 +23,7 @@ const PaymentMethodsBlock = ( { paymentMethods = [], onTriggerModal } ) => {
paymentMethod={ paymentMethod }
isSelected={ paymentMethod.enabled }
onSelect={ ( checked ) =>
handleSelect( paymentMethod, checked )
handleSelect( paymentMethod.id, checked )
}
onTriggerModal={ () =>
onTriggerModal?.( paymentMethod.id )