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

Implement product view

Browse source
This commit is contained in:
inpsyde-maticluznar 2024-10-24 13:54:50 +02:00
parent 1ced06b24e
commit fc51e7f1a3
No known key found for this signature in database
GPG key ID: D005973F231309F6
18 changed files with 444 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

45
modules/ppcp-settings/resources/js/Components/ReusableComponents/TabNavigation.js Normal file
View file

@ -0,0 +1,45 @@
import { TabPanel } from '@wordpress/components';
import { __ } from '@wordpress/i18n';
const onSelect = ( tabName ) => {
console.log( 'Selecting tab', tabName );
};
const TabNavigation = () => {
return (
<TabPanel
className="my-tab-panel"
activeClass="active-tab"
onSelect={ onSelect }
tabs={ [
{
name: 'dashboard',
title: __( 'Dashboard', 'woocommerce-paypal-payments' ),
className: 'ppcp-r-tab-dashboard',
},
{
name: 'payment-methods',
title: __(
'Payment Methods',
'woocommerce-paypal-payments'
),
className: 'ppcp-r-tab-payment-methods',
},
{
name: 'settings',
title: __( 'Settings', 'woocommerce-paypal-payments' ),
className: 'ppcp-r-tab-settings',
},
{
name: 'styling',
title: __( 'Styling', 'woocommerce-paypal-payments' ),
className: 'ppcp-r-tab-styling',
},
] }
>
{ ( tab ) => <p>{ tab.title }</p> }
</TabPanel>
);
};
export default TabNavigation;