Change custom toolbar item to use toolbar button (https://github.com/woocommerce/woocommerce-blocks/pull/10246)

This commit is contained in:
Roy Ho 2023-07-26 06:19:41 -07:00 committed by GitHub
parent b5d3580ccf
commit a57642318a
1 changed files with 2 additions and 3 deletions

View File

@ -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