diff --git a/assets/css/src/components/formEditor/components/_sidebar.scss b/assets/css/src/components/formEditor/components/_sidebar.scss index 971fded1dc..4aee1cdc91 100644 --- a/assets/css/src/components/formEditor/components/_sidebar.scss +++ b/assets/css/src/components/formEditor/components/_sidebar.scss @@ -88,6 +88,7 @@ $gutenberg-control-border-color-focus: #007cba; } // Styles for old editor link -.mailpoet_old_form_editor_link { +.mailpoet_old_form_editor_link, +#mailpoet_form_edit_old_editor_fallback_link { padding: 16px; } diff --git a/assets/js/src/form_editor/form_editor.jsx b/assets/js/src/form_editor/form_editor.jsx index 19f946079b..93028b8697 100644 --- a/assets/js/src/form_editor/form_editor.jsx +++ b/assets/js/src/form_editor/form_editor.jsx @@ -16,14 +16,20 @@ const App = () => ( ); const appElement = document.querySelector('#mailpoet_form_edit'); +const oldEditorLinkElement = document.querySelector('#mailpoet_form_edit_old_editor_fallback_link'); if (appElement) { - initStore(); - initBlocks(); - ReactDOM.render( - - - , - appElement - ); + try { + oldEditorLinkElement.style.display = 'none'; + initStore(); + initBlocks(); + ReactDOM.render( + + + , + appElement + ); + } catch (e) { + oldEditorLinkElement.style.display = 'block'; + } } diff --git a/views/form/editor.html b/views/form/editor.html index f5651d637a..44cf4006f6 100644 --- a/views/form/editor.html +++ b/views/form/editor.html @@ -10,6 +10,9 @@
+