From 5c4e54152a8d81452bba08e568039df75ba049c6 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Thu, 13 Oct 2022 08:55:38 +0100
Subject: [PATCH] refactor: extract a Markdown component

---
 website/src/components/Markdown.astro      | 3 +++
 website/src/layouts/DailyEmailLayout.astro | 5 +++--
 website/src/layouts/PageLayout.astro       | 5 +++--
 website/src/pages/blog/[slug].astro        | 5 +++--
 website/src/pages/talks/[slug].astro       | 5 +++--
 5 files changed, 15 insertions(+), 8 deletions(-)
 create mode 100644 website/src/components/Markdown.astro

diff --git a/website/src/components/Markdown.astro b/website/src/components/Markdown.astro
new file mode 100644
index 00000000..5dd518ff
--- /dev/null
+++ b/website/src/components/Markdown.astro
@@ -0,0 +1,3 @@
+<div class="markdown">
+  <slot />
+</div>
diff --git a/website/src/layouts/DailyEmailLayout.astro b/website/src/layouts/DailyEmailLayout.astro
index d3df26e6..ad029d70 100644
--- a/website/src/layouts/DailyEmailLayout.astro
+++ b/website/src/layouts/DailyEmailLayout.astro
@@ -1,15 +1,16 @@
 ---
 import BaseLayout from './PageLayout.astro'
 import DailyEmailForm from '../components/DailyEmailForm.astro'
+import Markdown from '../components/Markdown.astro'
 
 const { title } = Astro.props.frontmatter || Astro.props;
 ---
 
 <BaseLayout title={title}>
   <div class="space-y-16">
-    <div class="markdown">
+    <Markdown>
       <slot />
-    </div>
+    </Markdown>
 
     <DailyEmailForm />
   </div>
diff --git a/website/src/layouts/PageLayout.astro b/website/src/layouts/PageLayout.astro
index 3b9a4943..251a2fd1 100644
--- a/website/src/layouts/PageLayout.astro
+++ b/website/src/layouts/PageLayout.astro
@@ -1,11 +1,12 @@
 ---
 import BaseLayout from './Layout.astro'
+import Markdown from '../components/Markdown.astro'
 
 const { title } = Astro.props.frontmatter || Astro.props;
 ---
 
 <BaseLayout title={title}>
-  <div class="markdown">
+  <Markdown>
     <slot/>
-  </div>
+  </Markdown>
 </BaseLayout>
diff --git a/website/src/pages/blog/[slug].astro b/website/src/pages/blog/[slug].astro
index 16fc9f32..9cd3f32c 100644
--- a/website/src/pages/blog/[slug].astro
+++ b/website/src/pages/blog/[slug].astro
@@ -1,5 +1,6 @@
 ---
 import Layout from '../../layouts/Layout.astro'
+import Markdown from '../../components/Markdown.astro'
 
 export async function getStaticPaths() {
   const posts = await Astro.glob('../../posts/*.md')
@@ -22,8 +23,8 @@ const { title } = Astro.props.post.frontmatter
 
 <Layout title={title}>
   <div class="space-y-6">
-    <div class="markdown">
+    <Markdown>
       <Content />
-    </div>
+    </Markdown>
   </div>
 </Layout>
diff --git a/website/src/pages/talks/[slug].astro b/website/src/pages/talks/[slug].astro
index 1de7827a..bfe1c543 100644
--- a/website/src/pages/talks/[slug].astro
+++ b/website/src/pages/talks/[slug].astro
@@ -1,5 +1,6 @@
 ---
 import Layout from '../../layouts/Layout.astro'
+import Markdown from '../../components/Markdown.astro'
 
 export async function getStaticPaths() {
   const talks = await Astro.glob('../../talks/*.md')
@@ -21,9 +22,9 @@ const { title, speakerdeck, video } = Astro.props.talk.frontmatter
 
 <Layout title={title}>
   <div class="space-y-6">
-    <div class="markdown">
+    <Markdown>
       <Content />
-    </div>
+    </Markdown>
 
     {speakerdeck && speakerdeck.id && (
       <div>