From be0c9a726ca80cae493b5d142b1e43ed2b68234c Mon Sep 17 00:00:00 2001
From: Rostislav Wolny <rosta@mailpoet.com>
Date: Tue, 21 Jan 2020 11:38:22 +0100
Subject: [PATCH] Add static fallback link to old editor

[MAILPOET-2549]
---
 .../formEditor/components/_sidebar.scss       |  3 ++-
 assets/js/src/form_editor/form_editor.jsx     | 22 ++++++++++++-------
 views/form/editor.html                        |  3 +++
 3 files changed, 19 insertions(+), 9 deletions(-)

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(
-    <React.StrictMode>
-      <App />
-    </React.StrictMode>,
-    appElement
-  );
+  try {
+    oldEditorLinkElement.style.display = 'none';
+    initStore();
+    initBlocks();
+    ReactDOM.render(
+      <React.StrictMode>
+        <App />
+      </React.StrictMode>,
+      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 @@
 <div class="block-editor">
     <div id="mailpoet_form_edit" class="block-editor__container">
     </div>
+    <div id="mailpoet_form_edit_old_editor_fallback_link">
+      <a href="?page=mailpoet-form-editor&id=<%=form['id']%>&legacy=1"><%=__('Use the old editor.')%></a>
+    </div>
 </div>
 
 <script>