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

Merge pull request #2971 from woocommerce/fix/PCP-4072

Browse source 
Success and error messages for "Refresh" button
This commit is contained in:
Philipp Stracker 2025-01-10 15:19:29 +01:00 • committed by GitHub
commit a2abcc5f72
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 38 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

1
modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlocks/FeatureSettingsBlock.js
View file

@ -24,6 +24,7 @@ const FeatureSettingsBlock = ( { title, description, ...props } ) => {
<Button <Button
className={ button.class ? button.class : '' } className={ button.class ? button.class : '' }
key={ button.text } key={ button.text }
isBusy={ props.actionProps?.isBusy }
variant={ button.type } variant={ button.type }
onClick={ button.onClick } onClick={ button.onClick }
> >

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

@ -3,6 +3,7 @@ import { useState, useMemo } from '@wordpress/element';
import { Button, Icon } from '@wordpress/components'; import { Button, Icon } from '@wordpress/components';
import { useDispatch } from '@wordpress/data'; import { useDispatch } from '@wordpress/data';
import { reusableBlock } from '@wordpress/icons'; import { reusableBlock } from '@wordpress/icons';
import { store as noticesStore } from '@wordpress/notices';
import SettingsCard from '../../ReusableComponents/SettingsCard'; import SettingsCard from '../../ReusableComponents/SettingsCard';
import TodoSettingsBlock from '../../ReusableComponents/SettingsBlocks/TodoSettingsBlock'; import TodoSettingsBlock from '../../ReusableComponents/SettingsBlocks/TodoSettingsBlock';
@ -12,6 +13,10 @@ import { useMerchantInfo } from '../../../data/common/hooks';
import { STORE_NAME } from '../../../data/common'; import { STORE_NAME } from '../../../data/common';
import Features from './TabSettingsElements/Blocks/Features'; import Features from './TabSettingsElements/Blocks/Features';
import { todosData } from '../../../data/settings/tab-overview-todos-data'; import { todosData } from '../../../data/settings/tab-overview-todos-data';
import {
NOTIFICATION_ERROR,
NOTIFICATION_SUCCESS,
} from '../../ReusableComponents/Icons';
const TabOverview = () => { const TabOverview = () => {
const [ isRefreshing, setIsRefreshing ] = useState( false ); const [ isRefreshing, setIsRefreshing ] = useState( false );
@ -19,6 +24,8 @@ const TabOverview = () => {
const { merchant, merchantFeatures } = useMerchantInfo(); const { merchant, merchantFeatures } = useMerchantInfo();
const { refreshFeatureStatuses, setActiveModal } = const { refreshFeatureStatuses, setActiveModal } =
useDispatch( STORE_NAME ); useDispatch( STORE_NAME );
const { createSuccessNotice, createErrorNotice } =
useDispatch( noticesStore );
// Get the features data with access to setActiveModal // Get the features data with access to setActiveModal
const featuresData = useMemo( const featuresData = useMemo(
@ -42,10 +49,34 @@ const TabOverview = () => {
try { try {
const result = await refreshFeatureStatuses(); const result = await refreshFeatureStatuses();
if ( result && ! result.success ) { if ( result && ! result.success ) {
const errorMessage = sprintf(
/* translators: %s: error message */
__(
'Operation failed: %s Check WooCommerce logs for more details.',
'woocommerce-paypal-payments'
),
result.message ||
__( 'Unknown error', 'woocommerce-paypal-payments' )
);
createErrorNotice( errorMessage, {
icon: NOTIFICATION_ERROR,
} );
console.error( console.error(
'Failed to refresh features:', 'Failed to refresh features:',
result.message || 'Unknown error' result.message || 'Unknown error'
); );
} else {
createSuccessNotice(
__(
'Features refreshed successfully.',
'woocommerce-paypal-payments'
),
{
icon: NOTIFICATION_SUCCESS,
}
);
console.log( 'Features refreshed successfully.' );
} }
} finally { } finally {
setIsRefreshing( false ); setIsRefreshing( false );
@ -130,6 +161,7 @@ const TabOverview = () => {
: button.urls.live : button.urls.live
: button.url, : button.url,
} ) ), } ) ),
isBusy: isRefreshing,
enabled: feature.enabled, enabled: feature.enabled,
notes: feature.notes, notes: feature.notes,
badge: feature.enabled badge: feature.enabled