Cavemanon/piratepoet
7
Fork 0
Code Pull Requests Actions Releases 16 Activity

Fix form preview rendering

Browse Source 
[MAILPOET-2754]
This commit is contained in:
Rostislav Wolny
2020-03-16 11:51:20 +01:00
committed by Veljko V
parent 126b69b750
commit 39c30eb6e8
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
assets/js/src/form_editor/components/preview.jsx
View File

@@ -11,7 +11,7 @@ import { useDispatch, useSelect } from '@wordpress/data';
import Preview from '../../common/preview.jsx'; import Preview from '../../common/preview.jsx';
import Modal from '../../common/modal/modal.jsx'; import Modal from '../../common/modal/modal.jsx';
import blocksToFormBody from '../store/blocks_to_form_body.jsx'; import { blocksToFormBodyFactory } from '../store/blocks_to_form_body.jsx';
const FormPreview = () => { const FormPreview = () => {
const formEl = useRef(null); const formEl = useRef(null);
@@ -36,19 +36,25 @@ const FormPreview = () => {
[] []
); );
const editorSettings = useSelect(
(select) => select('core/block-editor').getSettings(),
[]
);
const loadFormPreviewFromServer = useCallback(() => { const loadFormPreviewFromServer = useCallback(() => {
const blocksToFormBody = blocksToFormBodyFactory(editorSettings.colors, customFields);
MailPoet.Ajax.post({ MailPoet.Ajax.post({
api_version: window.mailpoet_api_version, api_version: window.mailpoet_api_version,
endpoint: 'forms', endpoint: 'forms',
action: 'previewEditor', action: 'previewEditor',
data: { data: {
body: blocksToFormBody(formBlocks, customFields), body: blocksToFormBody(formBlocks),
settings, settings,
}, },
}).done((response) => { }).done((response) => {
setForm(response.data); setForm(response.data);
}); });
}, [formBlocks, customFields, settings]); }, [formBlocks, customFields, settings, editorSettings.colors]);
useEffect(() => { useEffect(() => {
if (isPreview) { if (isPreview) {