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

✨ New utility method to determine visible tabs

Browse source
This commit is contained in:
Philipp Stracker 2024-10-28 15:44:27 +01:00
parent 80d58851af
commit 3c31297e10
No known key found for this signature in database
2 changed files with 44 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,9 +1,11 @@
import Onboarding from './Onboarding/Onboarding';
import { useState } from '@wordpress/element';
import Dashboard from './Dashboard/Dashboard';
import { getSettingsTabs } from './tabs';
const Settings = () => {
const [ onboarded, setOnboarded ] = useState( true );
const tabs = getSettingsTabs();
return <>{ onboarded ? <Onboarding /> : <Dashboard /> }</>;
};

42
modules/ppcp-settings/resources/js/Components/Screens/tabs.js Normal file
View file

@ -0,0 +1,42 @@
import { __ } from '@wordpress/i18n';
import Dashboard from './Dashboard/Dashboard';
import Onboarding from './Onboarding/Onboarding';
export const getSettingsTabs = () => {
const tabs = [];
// TODO: Use the store to find out if onboarding is complete
if ( 0 ) {
tabs.push( {
name: 'onboarding',
component: <Onboarding />,
} );
}
if ( 1 ) {
tabs.push( {
name: 'dashboard',
title: __( 'Dashboard', 'woocommerce-paypal-payments' ),
component: <Dashboard />,
} );
tabs.push( {
name: 'payment-methods',
title: __( 'Payment Methods', 'woocommerce-paypal-payments' ),
component: <Dashboard />,
} );
tabs.push( {
name: 'settings',
title: __( 'Settings', 'woocommerce-paypal-payments' ),
} );
tabs.push( {
name: 'styling',
title: __( 'Styling', 'woocommerce-paypal-payments' ),
} );
}
return tabs;
};