From 9aed269d397a263f576ecb97d493e78fb0d563cc Mon Sep 17 00:00:00 2001
From: Gabriel Massadas <gmassadas@cloudflare.com>
Date: Mon, 11 Sep 2023 18:21:13 +0100
Subject: [PATCH] Improve text only emails

---
 packages/dashboard/src/components/email/EmailDetails.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/dashboard/src/components/email/EmailDetails.vue b/packages/dashboard/src/components/email/EmailDetails.vue
index b4563d8..cdad15e 100644
--- a/packages/dashboard/src/components/email/EmailDetails.vue
+++ b/packages/dashboard/src/components/email/EmailDetails.vue
@@ -24,11 +24,12 @@
       </div>
 
       <div class="overflow-auto d-block email-wrapper">
-        <iframe frameborder="0" scrolling="no" class="w-100 d-block" @load="contentFinishedLoading" ref="renderWindow"
-                :srcdoc="file.html || file.text"
+        <iframe v-if="file.html" frameborder="0" scrolling="no" class="w-100 d-block" @load="contentFinishedLoading" ref="renderWindow"
+                :srcdoc="file.html"
                 sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin"
                 csp="script-src 'none'"
         />
+        <div v-else v-html="file.text.replaceAll('\n', '<br>')"></div>
       </div>
 
       <template v-if="file.attachments.length > 0">
@@ -138,7 +139,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-
 @media (max-width: 992px) {
   .email-wrapper {
     margin: 0 -1.5rem