woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-08-31 06:52:50 +08:00
Code Issues Projects Packages Wiki Activity Actions

✨ Implement a full-store-refresh hook

Browse source
This commit is contained in:
Philipp Stracker 2025-02-17 14:17:37 +01:00
parent 2477e4d357
commit 480d15a7fb
No known key found for this signature in database
1 changed files with 35 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

68
modules/ppcp-settings/resources/js/hooks/useSaveSettings.js
View file

@ -12,48 +12,41 @@ import {
export const useSaveSettings = () => {
const { withActivity } = CommonHooks.useBusyState();
const { persist: persistPayment } = PaymentHooks.useStore();
const { persist: persistSettings } = SettingsHooks.useStore();
const { persist: persistStyling } = StylingHooks.useStore();
const { persist: persistTodos } = TodosHooks.useStore();
const { persist: persistPayLaterMessaging } =
PayLaterMessagingHooks.useStore();
const paymentStore = PaymentHooks.useStore();
const settingsStore = SettingsHooks.useStore();
const stylingStore = StylingHooks.useStore();
const todosStore = TodosHooks.useStore();
const payLaterStore = PayLaterMessagingHooks.useStore();
const persistActions = useMemo(
const storeActions = useMemo(
() => [
{
key: 'persist-methods',
message: 'Save payment methods',
action: persistPayment,
key: 'methods',
message: 'Process payment methods',
store: paymentStore,
},
{
key: 'persist-settings',
message: 'Save the settings',
action: persistSettings,
key: 'settings',
message: 'Process the settings',
store: settingsStore,
},
{
key: 'persist-styling',
message: 'Save styling details',
action: persistStyling,
key: 'styling',
message: 'Process styling details',
store: stylingStore,
},
{
key: 'persist-todos',
message: 'Save todos state',
action: persistTodos,
key: 'todos',
message: 'Process todos state',
store: todosStore,
},
{
key: 'persist-pay-later-messaging',
message: 'Save pay later messaging details',
action: persistPayLaterMessaging,
key: 'pay-later-messaging',
message: 'Process pay later messaging details',
store: payLaterStore,
},
],
[
persistPayLaterMessaging,
persistPayment,
persistSettings,
persistStyling,
persistTodos,
]
[ payLaterStore, paymentStore, settingsStore, stylingStore, todosStore ]
);
const persistAll = useCallback( () => {
@ -65,10 +58,19 @@ export const useSaveSettings = () => {
*/
document.getElementById( 'configurator-publishButton' )?.click();
persistActions.forEach( ( { key, message, action } ) => {
withActivity( key, message, action );
storeActions.forEach( ( { key, message, store } ) => {
withActivity( `persist-${ key }`, message, store.persist );
} );
}, [ persistActions, withActivity ] );
}, [ storeActions, withActivity ] );
return { persistAll };
const refreshAll = useCallback( () => {
storeActions.forEach( ( { key, message, store } ) => {
withActivity( `refresh-${ key }`, message, store.refresh );
} );
}, [ storeActions, withActivity ] );
return {
persistAll,
refreshAll,
};
};