💬 Update transactional email text

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}

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">
+      <Card>
-        {code}
+        <Heading>Option 1: Magic Link</Heading>
-      </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>
   );
 };

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>.

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{" "}

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>
   );
 };