Read data about form blocks with useSelect

[MAILPOET-3085]
This commit is contained in:
Jan Lysý
2020-11-17 10:12:52 +01:00
committed by Veljko V
parent 5dadac70d2
commit b9eb372f72

View File

@@ -1,6 +1,6 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import '@wordpress/core-data'; import '@wordpress/core-data';
import { select, useSelect, useDispatch } from '@wordpress/data'; import { useSelect, useDispatch } from '@wordpress/data';
import { import {
DropZoneProvider, DropZoneProvider,
Popover, Popover,
@@ -44,6 +44,11 @@ export default () => {
(sel) => sel('mailpoet-form-editor').getSidebarOpened(), (sel) => sel('mailpoet-form-editor').getSidebarOpened(),
[] []
); );
const formBlocks = useSelect(
(sel) => sel('mailpoet-form-editor').getFormBlocks(),
[]
);
const canUserUpload = useSelect( const canUserUpload = useSelect(
(sel) => sel('core').canUser('create', 'media'), (sel) => sel('core').canUser('create', 'media'),
[] []
@@ -102,7 +107,7 @@ export default () => {
</div> </div>
<div className="interface-interface-skeleton__body"> <div className="interface-interface-skeleton__body">
<BlockEditorProvider <BlockEditorProvider
value={select('mailpoet-form-editor').getFormBlocks()} value={formBlocks}
onInput={blocksChangedInBlockEditor} onInput={blocksChangedInBlockEditor}
onChange={blocksChangedInBlockEditor} onChange={blocksChangedInBlockEditor}
settings={editorSettings} settings={editorSettings}