/** * External dependencies */ import { __ } from '@wordpress/i18n'; import { registerBlockType } from '@wordpress/blocks'; import { Icon, comment } from '@woocommerce/icons'; /** * Internal dependencies */ import '../editor.scss'; import Editor from './edit'; import sharedAttributes from '../attributes'; import save from '../save.js'; import { example } from '../example'; /** * Register and run the "Reviews by Product" block. */ registerBlockType( 'woocommerce/reviews-by-product', { title: __( 'Reviews by Product', 'woocommerce' ), icon: { src: <Icon srcElement={ comment } />, foreground: '#96588a', }, category: 'woocommerce', keywords: [ __( 'WooCommerce', 'woocommerce' ) ], description: __( 'Show reviews of your products to build trust.', 'woocommerce' ), supports: { html: false, }, example: { ...example, attributes: { ...example.attributes, productId: 1, }, }, attributes: { ...sharedAttributes, /** * The id of the product to load reviews for. */ productId: { type: 'number', }, }, /** * Renders and manages the block. * * @param {Object} props Props to pass to block. */ edit( props ) { return <Editor { ...props } />; }, /** * Save the props to post content. */ save, } );