From 0f1f260bfa6e9cbbb495dcc2dc6b4ad1c49fd125 Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Tue, 4 Apr 2023 11:47:49 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=AC=20Update=20transactional=20email?=
 =?UTF-8?q?=20text?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/notification-email.tsx         |  1 +
 packages/emails/src/templates/login.tsx       | 36 +++++++++++++------
 packages/emails/src/templates/new-comment.tsx |  2 +-
 .../emails/src/templates/new-participant.tsx  |  2 +-
 packages/emails/src/templates/register.tsx    |  5 +--
 5 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/packages/emails/src/templates/components/notification-email.tsx b/packages/emails/src/templates/components/notification-email.tsx
index ba35b58bf..d5f7e4e46 100644
--- a/packages/emails/src/templates/components/notification-email.tsx
+++ b/packages/emails/src/templates/components/notification-email.tsx
@@ -29,6 +29,7 @@ export const NotificationEmail = ({
           <Link className="whitespace-nowrap" href={disableNotificationsUrl}>
             turn notifications off
           </Link>
+          .
         </>
       }
       preview={preview}
diff --git a/packages/emails/src/templates/login.tsx b/packages/emails/src/templates/login.tsx
index a2bddd78b..44b2982a9 100644
--- a/packages/emails/src/templates/login.tsx
+++ b/packages/emails/src/templates/login.tsx
@@ -1,5 +1,11 @@
 import { EmailLayout } from "./components/email-layout";
-import { Button, Domain, Heading, Text } from "./components/styled-components";
+import {
+  Button,
+  Card,
+  Domain,
+  Heading,
+  Text,
+} from "./components/styled-components";
 import { getDomain } from "./components/utils";
 
 interface LoginEmailProps {
@@ -23,19 +29,27 @@ export const LoginEmail = ({
         </>
       }
       recipientName={name}
-      preview={`Your 6-digit code: ${code}`}
+      preview="Use this link to log in on this device."
     >
-      <Text>Use this link to log in on this device.</Text>
-      <Button href={magicLink} id="magicLink">
-        Log in to {getDomain()}
-      </Button>
-      <Text light={true}>This link is valid for 15 minutes</Text>
       <Text>
-        Alternatively, you can enter this 6-digit verification code directly.
+        To log in to your account, please choose one of the following options:
       </Text>
-      <Heading as="h1" className="tracking-widest" id="code">
-        {code}
-      </Heading>
+      <Card>
+        <Heading>Option 1: Magic Link</Heading>
+        <Text>Click this magic link to log in on this device.</Text>
+        <Button href={magicLink} id="magicLink">
+          Log in to {getDomain()}
+        </Button>
+        <Text light={true}>This link will expire in 15 minutes.</Text>
+      </Card>
+      <Card>
+        <Heading>Option 2: Verification Code</Heading>
+        <Text>Enter this one-time 6-digit verification code.</Text>
+        <Heading as="h1" className="tracking-widest" id="code">
+          {code}
+        </Heading>
+        <Text light={true}>This code will expire in 15 minutes.</Text>
+      </Card>
     </EmailLayout>
   );
 };
diff --git a/packages/emails/src/templates/new-comment.tsx b/packages/emails/src/templates/new-comment.tsx
index 362f88cbe..c1bed0493 100644
--- a/packages/emails/src/templates/new-comment.tsx
+++ b/packages/emails/src/templates/new-comment.tsx
@@ -20,7 +20,7 @@ export const NewCommentEmail = ({
       title={title}
       pollUrl={pollUrl}
       disableNotificationsUrl={disableNotificationsUrl}
-      preview={`${authorName} has commented on ${title}`}
+      preview="Go to your poll to see what they said."
     >
       <Text>
         <strong>{authorName}</strong> has commented on <strong>{title}</strong>.
diff --git a/packages/emails/src/templates/new-participant.tsx b/packages/emails/src/templates/new-participant.tsx
index df0bbeef9..a7b927997 100644
--- a/packages/emails/src/templates/new-participant.tsx
+++ b/packages/emails/src/templates/new-participant.tsx
@@ -20,7 +20,7 @@ export const NewParticipantEmail = ({
       title={title}
       pollUrl={pollUrl}
       disableNotificationsUrl={disableNotificationsUrl}
-      preview={`${participantName} has responded`}
+      preview="Go to your poll to see the new response."
     >
       <Text>
         <strong>{participantName}</strong> has responded to{" "}
diff --git a/packages/emails/src/templates/register.tsx b/packages/emails/src/templates/register.tsx
index b7f2251b1..25d4809f6 100644
--- a/packages/emails/src/templates/register.tsx
+++ b/packages/emails/src/templates/register.tsx
@@ -15,7 +15,8 @@ export const RegisterEmail = ({
       footNote={
         <>
           You&apos;re receiving this email because a request was made to
-          register an account on <Domain />.
+          register an account on <Domain />. If this wasn&apos;t you, please
+          ignore this email.
         </>
       }
       recipientName={name}
@@ -27,7 +28,7 @@ export const RegisterEmail = ({
       <Heading as="h1" className="font-sans tracking-widest" id="code">
         {code}
       </Heading>
-      <Text light={true}>This code is valid for 15 minutes</Text>
+      <Text>This code is valid for 15 minutes</Text>
     </EmailLayout>
   );
 };