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

Fixing an unwanted page refresh when using Woo Navigation (https://github.com/woocommerce/woocommerce-admin/pull/7615) 

* Adding changelog

* Fixing page refresh on woo navigation

* Narrowing scope of navigation slot fills
This commit is contained in:
Joel Thiessen 2021-09-15 09:42:54 -07:00 committed by GitHub
parent 3b3472595e
commit 3ee60dc833
5 changed files with 25 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
plugins/woocommerce-admin/changelogs/fix-woonav-page-refresh Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: Fix
Fixing an unwanted page refresh when using Woo Navigation

3
plugins/woocommerce-admin/client/layout/index.js
View File

@ -174,6 +174,9 @@ class _Layout extends Component {
) } ) }
</div> </div>
<PluginArea scope="woocommerce-admin" /> <PluginArea scope="woocommerce-admin" />
{ window.wcAdminFeatures.navigation && (
<PluginArea scope="woocommerce-navigation" />
) }
</SlotFillProvider> </SlotFillProvider>
); );
} }

1
plugins/woocommerce-admin/client/layout/navigation.js
View File

@ -93,4 +93,5 @@ const NavigationPlugin = () => {
registerPlugin( 'wc-admin-navigation', { registerPlugin( 'wc-admin-navigation', {
render: NavigationPlugin, render: NavigationPlugin,
scope: 'woocommerce-navigation',
} ); } );

29
plugins/woocommerce-admin/docs/examples/extensions/add-navigation-items/js/index.js
View File

@ -3,21 +3,24 @@
*/ */
import { __ } from '@wordpress/i18n'; import { __ } from '@wordpress/i18n';
import { Button } from '@wordpress/components'; import { Button } from '@wordpress/components';
import { registerPlugin } from "@wordpress/plugins"; import { registerPlugin } from '@wordpress/plugins';
import { WooNavigationItem } from "@woocommerce/navigation"; import { WooNavigationItem } from '@woocommerce/navigation';
const MyPlugin = () => { const MyPlugin = () => {
const handleClick = () => { const handleClick = () => {
alert( 'Menu item clicked!' ); alert( 'Menu item clicked!' );
} };
return ( return (
<WooNavigationItem item="example-category-child-2"> <WooNavigationItem item="example-category-child-2">
<Button onClick={ handleClick }> <Button onClick={ handleClick }>
{ __( 'JavaScript Example', 'plugin-domain' ) } { __( 'JavaScript Example', 'plugin-domain' ) }
</Button> </Button>
</WooNavigationItem> </WooNavigationItem>
); );
}; };
registerPlugin('my-plugin', { render: MyPlugin }); registerPlugin( 'my-plugin', {
render: MyPlugin,
scope: 'woocommerce-navigation',
} );

2
plugins/woocommerce-admin/docs/features/navigation.md
View File

@ -121,5 +121,5 @@ const MyPlugin = () => {
); );
}; };
registerPlugin('my-plugin', { render: MyPlugin }); registerPlugin( 'my-plugin', { render: MyPlugin, scope: 'woocommerce-navigation' } );
``` ```