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 merchant enabled for features

Browse source
This commit is contained in:
carmenmaymo 2025-02-19 10:47:07 +01:00
parent 60ce6a0123
commit c9b4fe5ecc
No known key found for this signature in database
GPG key ID: 6023F686B0F3102E
1 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

19
modules/ppcp-settings/resources/js/Components/Screens/Settings/Tabs/TabOverview.js
View file

@ -1,5 +1,5 @@
import { __, sprintf } from '@wordpress/i18n';
import { useState, useEffect } from '@wordpress/element';
import { useState, useEffect, useMemo } from '@wordpress/element';
import { Button, Icon } from '@wordpress/components';
import { useDispatch } from '@wordpress/data';
import { reusableBlock } from '@wordpress/icons';
@ -120,7 +120,8 @@ const OverviewTodos = () => {
const OverviewFeatures = () => {
const [ isRefreshing, setIsRefreshing ] = useState( false );
const { merchant } = CommonHooks.useMerchantInfo();
const { merchant, features: eligibleFeatures } =
CommonHooks.useMerchantInfo();
const { refreshFeatureStatuses } = useDispatch( CommonStoreName );
const { setActiveModal, setActiveHighlight } =
useDispatch( CommonStoreName );
@ -131,6 +132,16 @@ const OverviewFeatures = () => {
useEffect( () => {
fetchFeatures();
}, [ fetchFeatures ] );
// Map merchant features status to the config
const featuresData = useMemo( () => {
return features.map( ( feature ) => {
const eligibleFeature = eligibleFeatures?.[ feature.id ];
return {
...feature,
enabled: eligibleFeature?.enabled ?? false,
};
} );
}, [ features, eligibleFeatures ] );
const refreshHandler = async () => {
setIsRefreshing( true );
@ -184,7 +195,7 @@ const OverviewFeatures = () => {
contentContainer={ false }
>
<ContentWrapper>
{ features.map( ( { id, ...feature } ) => (
{ featuresData.map( ( { id, ...feature } ) => (
<OverviewFeatureItem
key={ id }
isBusy={ isRefreshing }
@ -192,7 +203,7 @@ const OverviewFeatures = () => {
title={ feature.title }
description={ feature.description }
buttons={ feature.buttons }
enabled={ feature.isEligible }
enabled={ feature.enabled }
notes={ feature.notes }
setActiveModal={ setActiveModal }
setActiveHighlight={ setActiveHighlight }