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

🚚 Start organizing settings-screen

Browse source
This commit is contained in:
Philipp Stracker 2025-01-10 13:38:47 +01:00
parent 0fb039d8ce
commit e6b2f1c1bf
No known key found for this signature in database
5 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

4
modules/ppcp-settings/resources/js/Components/Screens/Onboarding/Onboarding.js → modules/ppcp-settings/resources/js/Components/Screens/Onboarding/index.js
View file

@ -4,7 +4,7 @@ import { OnboardingHooks } from '../../../data';
import { getSteps, getCurrentStep } from './Steps';
import Navigation from './Components/Navigation';
const Onboarding = () => {
const OnboardingScreen = () => {
const { step, setStep, flags } = OnboardingHooks.useSteps();
const Steps = getSteps( flags );
const currentStep = getCurrentStep( step, Steps );
@ -37,4 +37,4 @@ const Onboarding = () => {
);
};
export default Onboarding;
export default OnboardingScreen;

6
modules/ppcp-settings/resources/js/Components/Screens/Settings.js
View file

@ -5,8 +5,8 @@ import classNames from 'classnames';
import { OnboardingHooks } from '../../data';
import SpinnerOverlay from '../ReusableComponents/SpinnerOverlay';
import Onboarding from './Onboarding/Onboarding';
import SettingsScreen from './SettingsScreen';
import OnboardingScreen from './Onboarding';
import SettingsScreen from './Settings';
const Settings = () => {
const onboardingProgress = OnboardingHooks.useSteps();
@ -39,7 +39,7 @@ const Settings = () => {
}
if ( ! onboardingProgress.completed ) {
return <Onboarding />;
return <OnboardingScreen />;
}
return <SettingsScreen />;

0
modules/ppcp-settings/resources/js/Components/Screens/SettingsNavigation.js → modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/SettingsNavigation.js
View file

6
modules/ppcp-settings/resources/js/Components/Screens/SettingsScreen.js → modules/ppcp-settings/resources/js/Components/Screens/Settings/index.js
View file

@ -1,7 +1,7 @@
import { getSettingsTabs } from './tabs';
import SettingsNavigation from './SettingsNavigation';
import Container from '../ReusableComponents/Container';
import TabNavigation from '../ReusableComponents/TabNavigation';
import SettingsNavigation from './Components/SettingsNavigation';
import Container from '../../ReusableComponents/Container';
import TabNavigation from '../../ReusableComponents/TabNavigation';
const SettingsScreen = () => {
const tabs = getSettingsTabs();

8
modules/ppcp-settings/resources/js/Components/Screens/tabs.js → modules/ppcp-settings/resources/js/Components/Screens/Settings/tabs.js
View file

@ -1,8 +1,8 @@
import { __ } from '@wordpress/i18n';
import TabOverview from './Overview/TabOverview';
import TabPaymentMethods from './Overview/TabPaymentMethods';
import TabSettings from './Overview/TabSettings';
import TabStyling from './Overview/TabStyling';
import TabOverview from '../Overview/TabOverview';
import TabPaymentMethods from '../Overview/TabPaymentMethods';
import TabSettings from '../Overview/TabSettings';
import TabStyling from '../Overview/TabStyling';
export const getSettingsTabs = () => {
const tabs = [];