From 1dbf4714b14f6859a97c91540be2d71b80795bd3 Mon Sep 17 00:00:00 2001
From: Pavel Dohnal <pavel@mailpoet.com>
Date: Mon, 3 Feb 2020 15:57:36 +0100
Subject: [PATCH] Add link to the new form

[MAILPOET-1798]
---
 assets/css/src/components/_postEditorBlock.scss |  8 +++++---
 assets/js/src/post_editor_block/edit.jsx        | 14 ++++++++++++--
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/assets/css/src/components/_postEditorBlock.scss b/assets/css/src/components/_postEditorBlock.scss
index 23c02d3e5e..3194d52407 100644
--- a/assets/css/src/components/_postEditorBlock.scss
+++ b/assets/css/src/components/_postEditorBlock.scss
@@ -1,6 +1,8 @@
 .mailpoet-block-div {
-  background: #cfc;
-  border: 2px solid #9c9;
-  color: green;
   padding: 20px;
 }
+
+.mailpoet-block-create-new-content {
+  display: flex;
+  flex-direction: column;
+}
diff --git a/assets/js/src/post_editor_block/edit.jsx b/assets/js/src/post_editor_block/edit.jsx
index ad42a6a619..b4e7f93b2c 100644
--- a/assets/js/src/post_editor_block/edit.jsx
+++ b/assets/js/src/post_editor_block/edit.jsx
@@ -19,6 +19,7 @@ function Edit({ attributes, setAttributes }) {
             selectedForm: parseInt(event.target.value, 10),
           });
         }}
+        className="mailpoet-block-create-forms-list"
         defaultValue={attributes.selectedForm}
       >
         <option value="" disabled selected>Select a MailPoet form</option>
@@ -45,11 +46,20 @@ function Edit({ attributes, setAttributes }) {
       {
         attributes.selectedForm === null && (
           <Placeholder
-            className="mailpoet-block-div"
+            className="mailpoet-block-create-new"
             icon={<BlockIcon icon={Icon} showColors />}
             label="MailPoet Subscription Form"
           >
-            {displayFormsSelect()}
+            <div className="mailpoet-block-create-new-content">
+              <a
+                href="admin.php?page=mailpoet-forms"
+                target="_blank"
+                className="mailpoet-block-create-new-link"
+              >
+                Create a new form
+              </a>
+              {displayFormsSelect()}
+            </div>
           </Placeholder>
         )
       }