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

Use isBusy on refreshing and add notices

Browse source
This commit is contained in:
carmenmaymo 2025-01-09 13:04:34 +01:00
parent d5e9e2aecb
commit 3e9d704654
No known key found for this signature in database
GPG key ID: 6023F686B0F3102E
1 changed files with 25 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

26
modules/ppcp-settings/resources/js/Components/Screens/Overview/TabOverview.js
View file

@ -3,6 +3,7 @@ import { useState } from '@wordpress/element';
import { Button, Icon } from '@wordpress/components';
import { useDispatch } from '@wordpress/data';
import { reusableBlock } from '@wordpress/icons';
import { store as noticesStore } from '@wordpress/notices';
import SettingsCard from '../../ReusableComponents/SettingsCard';
import TodoSettingsBlock from '../../ReusableComponents/SettingsBlocks/TodoSettingsBlock';
@ -10,6 +11,7 @@ import FeatureSettingsBlock from '../../ReusableComponents/SettingsBlocks/Featur
import { TITLE_BADGE_POSITIVE } from '../../ReusableComponents/TitleBadge';
import { useMerchantInfo } from '../../../data/common/hooks';
import { STORE_NAME } from '../../../data/common';
import {NOTIFICATION_ERROR, NOTIFICATION_SUCCESS} from "../../ReusableComponents/Icons";
const TabOverview = () => {
const [ todos, setTodos ] = useState( [] );
@ -18,6 +20,10 @@ const TabOverview = () => {
const { merchant } = useMerchantInfo();
const { refreshFeatureStatuses } = useDispatch( STORE_NAME );
const {
createSuccessNotice,
createErrorNotice,
} = useDispatch( noticesStore );
const features = featuresDefault.map( ( feature ) => {
const merchantFeature = merchant?.features?.[ feature.id ];
@ -32,13 +38,30 @@ const TabOverview = () => {
const result = await refreshFeatureStatuses();
// TODO: Implement the refresh logic, remove this debug code -- PCP-4024
if ( result && ! result.success ) {
createErrorNotice(
__(
`Operation failed: ${result.message || 'Unknown error'}. Check WooCommerce logs for more details.`,
'woocommerce-paypal-payments'
),
{
icon: NOTIFICATION_ERROR,
}
);
console.error(
'Failed to refresh features:',
result.message || 'Unknown error'
);
} else {
createSuccessNotice(
__(
'Features refreshed successfully.',
'woocommerce-paypal-payments'
),
{
icon: NOTIFICATION_SUCCESS,
}
);
console.log( 'Features refreshed successfully.' );
}
@ -110,6 +133,7 @@ const TabOverview = () => {
description={ feature.description }
actionProps={ {
buttons: feature.buttons,
isBusy: isRefreshing,
enabled: feature.enabled,
notes: feature.notes,
badge: feature.enabled