From 82ffc5a967f0e316131233c6c95adac3af425b35 Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Fri, 22 Nov 2019 17:17:29 +0100
Subject: [PATCH] Updated email failure modal with dynamic error

---
 ghost/admin/app/styles/patterns/buttons.css   | 23 +++++++++++++++++++
 .../components/modal-confirm-email-send.hbs   | 18 +++++++++++++++
 2 files changed, 41 insertions(+)

diff --git a/ghost/admin/app/styles/patterns/buttons.css b/ghost/admin/app/styles/patterns/buttons.css
index 21f7b1615f..7da484782b 100644
--- a/ghost/admin/app/styles/patterns/buttons.css
+++ b/ghost/admin/app/styles/patterns/buttons.css
@@ -337,6 +337,29 @@ svg.gh-btn-icon-right {
     stroke: var(--midgrey);
 }
 
+.gh-btn-text,
+.gh-btn-text:hover {
+    display: flex;
+    align-items: center;
+    border: none;
+    background: none;
+    box-shadow: none;
+    padding: 0;
+    margin: 0;
+    font-weight: 300;
+}
+
+.gh-btn-text span {
+    height: unset;
+    line-height: unset;
+    padding: 0;
+}
+
+.gh-btn-text.regular span {
+    font-size: 1.4rem;
+    color: var(--darkgrey);
+}
+
 
 /*
 /* Button Variations
diff --git a/ghost/admin/app/templates/components/modal-confirm-email-send.hbs b/ghost/admin/app/templates/components/modal-confirm-email-send.hbs
index 5ba7b31237..f48bf1e16b 100644
--- a/ghost/admin/app/templates/components/modal-confirm-email-send.hbs
+++ b/ghost/admin/app/templates/components/modal-confirm-email-send.hbs
@@ -33,6 +33,24 @@
 
     <div class="modal-body">
         <p>Your post has been published but the email failed to send. Please check your <LinkTo @route="settings.labs">Mailgun configuration</LinkTo> under Labs → Members if the error persists.</p>
+        <p class="mb0">
+            <button type="button" class="gh-btn gh-btn-text regular" {{action (toggle "errorDetailsOpen" this)}}
+                data-test-toggle-error>
+                {{#if errorDetailsOpen}}
+                {{svg-jar "arrow-down" class="nudge-top--2 w2 h2 fill-darkgrey mr1"}}
+                {{else}}
+                {{svg-jar "arrow-right" class="nudge-top--1 w2 h2 fill-darkgrey mr1"}}
+                {{/if}}
+                <span>Error details</span>
+            </button>
+        </p>
+        
+        {{#liquid-if errorDetailsOpen}}
+        <p class="error gh-box gh-box-error mt3 mb3">
+            {{svg-jar "warning"}}
+            {{this.errorMessage}}
+        </p>
+        {{/liquid-if}}
     </div>
 
     <div class="modal-footer">