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

Related Products: Move Notice block to the Inspector Control section (https://github.com/woocommerce/woocommerce-blocks/pull/8843) 

* Add Notice component to the Inspector Controls section of the Related Products block

* Change margin css attribute to use the short syntax

Co-authored-by: Albert Juhé Lluveras <contact@albertjuhe.com>

---------

Co-authored-by: Albert Juhé Lluveras <contact@albertjuhe.com>
This commit is contained in:
Alexandre Lara 2023-03-24 14:03:12 -03:00 committed by GitHub
parent 91eb482e17
commit 22a9a479ae
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/related-products/edit.tsx
View File

@ -5,9 +5,13 @@ import {
BLOCK_ATTRIBUTES, BLOCK_ATTRIBUTES,
INNER_BLOCKS_TEMPLATE, INNER_BLOCKS_TEMPLATE,
} from '@woocommerce/blocks/product-query/variations'; } from '@woocommerce/blocks/product-query/variations';
import { InnerBlocks, useBlockProps } from '@wordpress/block-editor'; import {
InnerBlocks,
InspectorControls,
useBlockProps,
} from '@wordpress/block-editor';
import { InnerBlockTemplate } from '@wordpress/blocks'; import { InnerBlockTemplate } from '@wordpress/blocks';
import { Disabled, Notice } from '@wordpress/components'; import { Notice } from '@wordpress/components';
import { __ } from '@wordpress/i18n'; import { __ } from '@wordpress/i18n';
/** /**
@ -23,7 +27,7 @@ const Edit = () => {
return ( return (
<div { ...blockProps }> <div { ...blockProps }>
<Disabled> <InspectorControls>
<Notice <Notice
className={ 'wc-block-editor-related-products__notice' } className={ 'wc-block-editor-related-products__notice' }
status={ 'warning' } status={ 'warning' }
@ -36,7 +40,7 @@ const Edit = () => {
) } ) }
</p> </p>
</Notice> </Notice>
</Disabled> </InspectorControls>
<InnerBlocks template={ TEMPLATE } /> <InnerBlocks template={ TEMPLATE } />
</div> </div>
); );

2
plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/related-products/editor.scss
View File

@ -1,4 +1,4 @@
.wc-block-editor-related-products__notice { .wc-block-editor-related-products__notice {
margin: 10px auto; margin: auto $gap $gap;
max-width: max-content; max-width: max-content;
} }