Change custom toolbar item to use toolbar button (https://github.com/woocommerce/woocommerce-blocks/pull/10246)
This commit is contained in:
parent
b5d3580ccf
commit
a57642318a
|
@ -11,7 +11,6 @@ import { ToolbarButton, ToolbarGroup } from '@wordpress/components';
|
||||||
import { crop } from '@wordpress/icons';
|
import { crop } from '@wordpress/icons';
|
||||||
import { WP_REST_API_Category } from 'wp-types';
|
import { WP_REST_API_Category } from 'wp-types';
|
||||||
import { ProductResponseItem } from '@woocommerce/types';
|
import { ProductResponseItem } from '@woocommerce/types';
|
||||||
import TextToolbarButton from '@woocommerce/editor-components/text-toolbar-button';
|
|
||||||
import type { ComponentType, Dispatch, SetStateAction } from 'react';
|
import type { ComponentType, Dispatch, SetStateAction } from 'react';
|
||||||
import type { BlockAlignment } from '@wordpress/blocks';
|
import type { BlockAlignment } from '@wordpress/blocks';
|
||||||
|
|
||||||
|
@ -112,13 +111,13 @@ export const BlockControls = ( {
|
||||||
allowedTypes={ [ 'image' ] }
|
allowedTypes={ [ 'image' ] }
|
||||||
/>
|
/>
|
||||||
{ backgroundImageId && mediaSrc ? (
|
{ backgroundImageId && mediaSrc ? (
|
||||||
<TextToolbarButton
|
<ToolbarButton
|
||||||
onClick={ () =>
|
onClick={ () =>
|
||||||
setAttributes( { mediaId: 0, mediaSrc: '' } )
|
setAttributes( { mediaId: 0, mediaSrc: '' } )
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
{ __( 'Reset', 'woo-gutenberg-products-block' ) }
|
{ __( 'Reset', 'woo-gutenberg-products-block' ) }
|
||||||
</TextToolbarButton>
|
</ToolbarButton>
|
||||||
) : null }
|
) : null }
|
||||||
</ToolbarGroup>
|
</ToolbarGroup>
|
||||||
<ToolbarGroup
|
<ToolbarGroup
|
||||||
|
|
Loading…
Reference in New Issue