BlockControls.js
4 years ago
ComponentCSS.js
4 years ago
InspectorAdvancedControls.js
2 years ago
InspectorControls.js
2 years ago
LayoutSelector.js
3 years ago
WidthControls.js
2 years ago
BlockControls.js
40 lines
| 1 | import { BlockControls } from '@wordpress/block-editor'; |
| 2 | import { ToolbarButton, ToolbarGroup } from '@wordpress/components'; |
| 3 | import getIcon from '../../../utils/get-icon'; |
| 4 | import { __ } from '@wordpress/i18n'; |
| 5 | import { createBlock } from '@wordpress/blocks'; |
| 6 | import { useDispatch } from '@wordpress/data'; |
| 7 | |
| 8 | export default ( { uniqueId, clientId } ) => { |
| 9 | const { insertBlocks } = useDispatch( 'core/block-editor' ); |
| 10 | |
| 11 | return ( |
| 12 | <BlockControls> |
| 13 | <ToolbarGroup> |
| 14 | <ToolbarButton |
| 15 | className="gblocks-block-control-icon gblocks-add-grid-item" |
| 16 | icon={ getIcon( 'addContainer' ) } |
| 17 | label={ __( 'Add Grid Item', 'generateblocks' ) } |
| 18 | onClick={ () => { |
| 19 | insertBlocks( |
| 20 | createBlock( 'generateblocks/container', { |
| 21 | isGrid: true, |
| 22 | gridId: uniqueId, |
| 23 | paddingTop: generateBlocksStyling.container.gridItemPaddingTop || '', |
| 24 | paddingRight: generateBlocksStyling.container.gridItemPaddingRight || '', |
| 25 | paddingBottom: generateBlocksStyling.container.gridItemPaddingBottom || '', |
| 26 | paddingLeft: generateBlocksStyling.container.gridItemPaddingLeft || '', |
| 27 | width: 50, |
| 28 | widthMobile: 100, |
| 29 | } ), |
| 30 | undefined, |
| 31 | clientId |
| 32 | ); |
| 33 | } } |
| 34 | showTooltip |
| 35 | /> |
| 36 | </ToolbarGroup> |
| 37 | </BlockControls> |
| 38 | ); |
| 39 | }; |
| 40 |