Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

get routing working

This commit is contained in:
paul sealock 2024-05-29 12:47:56 +12:00
parent e774182158
commit 5342b6cbcc
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
plugins/woocommerce-admin/client/settings/index.js
View File

@ -18,7 +18,11 @@ const Settings = ( { params } ) => {
return (
<>
<Tabs data={ settingsData } page={ params.page } />
<Tabs data={ settingsData } page={ params.page }>
<p>
now editing <span>{ params.page }</span>
</p>
</Tabs>
</>
);
};

8
plugins/woocommerce-admin/client/settings/tabs.js
View File

@ -2,10 +2,12 @@
* External dependencies
*/
import { TabPanel } from '@wordpress/components';
import { getNewPath, navigateTo } from '@woocommerce/navigation';
export const Tabs = ( { data, page } ) => {
export const Tabs = ( { data, page, children } ) => {
const onSelect = ( tabName ) => {
console.log( 'Selecting tab', tabName );
const url = getNewPath( {}, `/settings/${ tabName }` );
navigateTo( { url } );
};
return (
@ -20,7 +22,7 @@ export const Tabs = ( { data, page } ) => {
title: data[ key ].label,
} ) ) }
>
{ ( tab ) => <p>{ tab.title }</p> }
{ () => <div>{ children }</div> }
</TabPanel>
</>
);