woocommerce/plugins/woocommerce-blocks/assets/js/blocks/product-best-sellers/block.tsx

30 lines
757 B
TypeScript

/**
* External dependencies
*/
import { Disabled } from '@wordpress/components';
import ServerSideRender from '@wordpress/server-side-render';
import { gridBlockPreview } from '@woocommerce/resource-previews';
/**
* Internal dependencies
*/
import { Props } from './types';
import { ProductBestSellersInspectorControls } from './inspector-controls';
export const ProductBestSellersBlock = ( props: Props ): JSX.Element => {
const { attributes, name } = props;
if ( attributes.isPreview ) {
return gridBlockPreview;
}
return (
<div className="wc-block-product-best-sellers">
<ProductBestSellersInspectorControls { ...props } />
<Disabled>
<ServerSideRender block={ name } attributes={ attributes } />
</Disabled>
</div>
);
};