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 7

🎨 Small code-style changes

Browse source
This commit is contained in:
Philipp Stracker 2025-01-21 16:08:02 +01:00
parent b001d95009
commit c033db8898
No known key found for this signature in database
1 changed files with 11 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

17
modules/ppcp-settings/resources/js/Components/App.js
View file

@ -1,6 +1,7 @@
import { useEffect, useMemo } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import classNames from 'classnames';
import { OnboardingHooks, CommonHooks, SettingsHooks } from '../data';
import SpinnerOverlay from './ReusableComponents/SpinnerOverlay';
import SendOnlyMessage from './Screens/SendOnlyMessage';
@ -8,7 +9,8 @@ import OnboardingScreen from './Screens/Onboarding';
import SettingsScreen from './Screens/Settings';
const SettingsApp = () => {
const onboardingProgress = OnboardingHooks.useSteps();
const { isReady: onboardingIsReady, completed: onboardingCompleted } =
OnboardingHooks.useSteps();
const {
isReady: merchantIsReady,
merchant: { isSendOnlyCountry },
@ -27,25 +29,28 @@ const SettingsApp = () => {
}, [] );
const wrapperClass = classNames( 'ppcp-r-app', {
loading: ! onboardingProgress.isReady || ! settingsIsReady,
loading: ! onboardingIsReady,
} );
const Content = useMemo( () => {
if ( ! onboardingProgress.isReady || ! merchantIsReady ) {
if ( ! onboardingIsReady || ! merchantIsReady ) {
return <SpinnerOverlay />;
}
if ( isSendOnlyCountry ) {
return <SendOnlyMessage />;
}
if ( ! onboardingProgress.completed ) {
if ( ! onboardingCompleted ) {
return <OnboardingScreen />;
}
return <SettingsScreen />;
}, [
isSendOnlyCountry,
merchantIsReady,
onboardingProgress.completed,
onboardingProgress.isReady,
onboardingCompleted,
onboardingIsReady,
] );
return <div className={ wrapperClass }>{ Content }</div>;