From f863f7d827f060e54cf03f7da16ecfc1fc6509bc Mon Sep 17 00:00:00 2001
From: Jan Jakes <jan.jakes@automattic.com>
Date: Wed, 29 Jun 2022 14:00:48 +0200
Subject: [PATCH] Improve testing buttons

[MAILPOET-4454]
---
 .../assets/js/src/automation/automation.tsx   | 23 +++++++++++++++----
 mailpoet/assets/js/src/automation/testing.tsx |  4 +++-
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/mailpoet/assets/js/src/automation/automation.tsx b/mailpoet/assets/js/src/automation/automation.tsx
index 881777028f..f20da5634c 100644
--- a/mailpoet/assets/js/src/automation/automation.tsx
+++ b/mailpoet/assets/js/src/automation/automation.tsx
@@ -34,7 +34,12 @@ function RecreateSchemaButton(): JSX.Element {
 
   return (
     <div>
-      <button type="button" onClick={() => createSchema()} disabled={loading}>
+      <button
+        className="button button-link-delete"
+        type="button"
+        onClick={() => createSchema()}
+        disabled={loading}
+      >
         Recreate DB schema (data will be lost)
       </button>
       {error && (
@@ -52,6 +57,7 @@ function DeleteSchemaButton(): JSX.Element {
   return (
     <div>
       <button
+        className="button button-link-delete"
         type="button"
         onClick={async () => {
           await deleteSchema();
@@ -73,10 +79,17 @@ function App(): JSX.Element {
   return (
     <div>
       <Workflows />
-      <CreateTestingWorkflowButton />
-      <CreateWorkflowFromTemplateButton />
-      <RecreateSchemaButton />
-      <DeleteSchemaButton />
+      <div style={{ marginTop: 30, display: 'grid', gridGap: 8 }}>
+        <CreateTestingWorkflowButton />
+        <CreateWorkflowFromTemplateButton template="delayed-email-after-signup">
+          Create testing workflow from template (welcome email)
+        </CreateWorkflowFromTemplateButton>
+        <CreateWorkflowFromTemplateButton template="welcome-email-sequence">
+          Create testing workflow from template (welcome sequence)
+        </CreateWorkflowFromTemplateButton>
+        <RecreateSchemaButton />
+        <DeleteSchemaButton />
+      </div>
     </div>
   );
 }
diff --git a/mailpoet/assets/js/src/automation/testing.tsx b/mailpoet/assets/js/src/automation/testing.tsx
index 155ecb2faa..923984fadb 100644
--- a/mailpoet/assets/js/src/automation/testing.tsx
+++ b/mailpoet/assets/js/src/automation/testing.tsx
@@ -49,6 +49,7 @@ export function CreateTestingWorkflowButton(): JSX.Element {
   return (
     <div>
       <button
+        className="button"
         type="button"
         onClick={() =>
           createSchema({
@@ -57,7 +58,7 @@ export function CreateTestingWorkflowButton(): JSX.Element {
         }
         disabled={loading}
       >
-        Create testing workflow
+        Create testing workflow (premium required)
       </button>
       {error && (
         <div>{error?.data?.message ?? 'An unknown error occurred'}</div>
@@ -77,6 +78,7 @@ export function CreateWorkflowFromTemplateButton(): JSX.Element {
   return (
     <div>
       <button
+        className="button button-primary"
         type="button"
         onClick={() =>
           createWorkflowFromTemplate({