fix/8946: replace ToggleGroupControl with ToggleControl (https://github.com/woocommerce/woocommerce-blocks/pull/9098)
* replace ToggleGroupControl with ToggleControl * eslint fix * Fix linting in assets/js/mini-cart/edit.tsx file --------- Co-authored-by: Niels Lange <info@nielslange.de> Co-authored-by: Karol Manijak <karol.manijak@automattic.com>
This commit is contained in:
parent
022e532688
commit
50f08e6143
|
@ -7,6 +7,7 @@ import {
|
|||
PanelBody,
|
||||
ExternalLink,
|
||||
ToggleControl,
|
||||
BaseControl,
|
||||
__experimentalToggleGroupControlOption as ToggleGroupControlOption,
|
||||
__experimentalToggleGroupControl as ToggleGroupControl,
|
||||
} from '@wordpress/components';
|
||||
|
@ -58,36 +59,32 @@ const Edit = ( { attributes, setAttributes }: Props ): ReactElement => {
|
|||
'woo-gutenberg-products-block'
|
||||
) }
|
||||
>
|
||||
<ToggleGroupControl
|
||||
className="wc-block-mini-cart__add-to-cart-behaviour-toggle"
|
||||
<BaseControl
|
||||
id="wc-block-mini-cart__add-to-cart-behaviour-toggle"
|
||||
label={ __(
|
||||
'Add-to-Cart behaviour',
|
||||
'woo-gutenberg-products-block'
|
||||
) }
|
||||
value={ addToCartBehaviour }
|
||||
>
|
||||
<ToggleControl
|
||||
label={ __(
|
||||
'Open cart in a drawer',
|
||||
'woo-gutenberg-products-block'
|
||||
) }
|
||||
onChange={ ( value ) => {
|
||||
setAttributes( { addToCartBehaviour: value } );
|
||||
setAttributes( {
|
||||
addToCartBehaviour: value
|
||||
? 'open_drawer'
|
||||
: 'none',
|
||||
} );
|
||||
} }
|
||||
help={ __(
|
||||
'Select what happens when a customer adds a product to the cart.',
|
||||
'woo-gutenberg-products-block'
|
||||
) }
|
||||
>
|
||||
<ToggleGroupControlOption
|
||||
value="none"
|
||||
label={ __(
|
||||
'Do nothing',
|
||||
'woo-gutenberg-products-block'
|
||||
) }
|
||||
checked={ addToCartBehaviour === 'open_drawer' }
|
||||
/>
|
||||
<ToggleGroupControlOption
|
||||
value="open_drawer"
|
||||
label={ __(
|
||||
'Open cart drawer',
|
||||
'woo-gutenberg-products-block'
|
||||
) }
|
||||
/>
|
||||
</ToggleGroupControl>
|
||||
</BaseControl>
|
||||
<ToggleControl
|
||||
label={ __(
|
||||
'Hide Cart Price',
|
||||
|
|
Loading…
Reference in New Issue