From 38e060fde199e62c98006093b289c9b4186472bd Mon Sep 17 00:00:00 2001
From: Ben Zhang <ben-z@users.noreply.github.com>
Date: Sat, 12 Oct 2024 22:49:39 -0700
Subject: [PATCH] Support markdown in blog-update abstract (#14)

The abstract field may use markdown:


https://github.com/WATonomous/infra-config/blob/048daf298ba7f503e29455f11d623b129899034a/emails/blog/get-config.py#L86

This PR supports this.
---
 emails/blog-update.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/emails/blog-update.tsx b/emails/blog-update.tsx
index e7aefab..8e92f09 100644
--- a/emails/blog-update.tsx
+++ b/emails/blog-update.tsx
@@ -3,6 +3,7 @@ import {
     Hr,
     Img,
     Link,
+    Markdown,
     Text
 } from "@react-email/components";
 import { z } from "zod";
@@ -45,12 +46,10 @@ export function WATcloudBlogUpdateEmail(props: WATcloudBlogUpdateEmailProps) {
             <Link href={link}>
                 <Heading as="h2" style={{ marginBottom: 0 }}>{title}</Heading>
             </Link>
-            <Text style={{ color: "#333", marginTop: 0 }}>
+            <Text style={{ marginTop: 0 }}>
                 By {author} on {date}
             </Text>
-            <Text style={{ color: "#333" }}>
-                {abstract}
-            </Text>
+            <Markdown markdownContainerStyles={{ color: "#333", fontSize: "14px", lineHeight: "24px" }}>{abstract}</Markdown>
             <Link href={link}>Read more →</Link>
             <Hr style={{ marginTop: "20px", marginBottom: "20px" }} />
             <Text style={{ color: "#666", fontSize: "12px" }}>You are receiving this email because you are subscribed to the WATcloud blog.</Text>