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

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