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.
WATonomous · Oct 13, 2024 · 38e060f · 38e060f
1 parent cfb6530
commit 38e060f
Showing 1 changed file with 3 additions and 4 deletions.
diff --git 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>