woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-04 08:47:23 +08:00
Code Issues Projects Packages Wiki Activity Actions 11

⚡️ Resolve unnecessary re-render of header

Browse source
This commit is contained in:
Philipp Stracker 2025-01-27 15:30:21 +01:00
parent 023bc277d0
commit 9c1803e8ea
No known key found for this signature in database
2 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

9
modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Navigation.js
View file

@ -2,7 +2,6 @@ import { Button } from '@wordpress/components';
import { __ } from '@wordpress/i18n';
import TopNavigation from '../../../ReusableComponents/TopNavigation';
import BusyStateWrapper from '../../../ReusableComponents/BusyStateWrapper';
import { useSaveSettings } from '../../../../hooks/useSaveSettings';
const SettingsNavigation = () => {
@ -12,11 +11,9 @@ const SettingsNavigation = () => {
return (
<TopNavigation title={ title } exitOnTitleClick={ true }>
<BusyStateWrapper>
<Button variant="primary" onClick={ persistAll }>
{ __( 'Save', 'woocommerce-paypal-payments' ) }
</Button>
</BusyStateWrapper>
<Button variant="primary" onClick={ persistAll }>
{ __( 'Save', 'woocommerce-paypal-payments' ) }
</Button>
</TopNavigation>
);
};

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

@ -1,3 +1,5 @@
import { useCallback } from '@wordpress/element';
import {
CommonHooks,
PaymentHooks,
@ -12,7 +14,7 @@ export const useSaveSettings = () => {
const { persist: persistSettings } = SettingsHooks.useStore();
const { persist: persistStyling } = StylingHooks.useStore();
const persistAll = () => {
const persistAll = useCallback( () => {
withActivity(
'persist-methods',
'Save payment methods',
@ -28,7 +30,7 @@ export const useSaveSettings = () => {
'Save styling details',
persistStyling
);
};
}, [ persistPayment, persistSettings, persistStyling, withActivity ] );
return { persistAll };
};