From f0f0a5240177e24082c30fe6c5cc9cc3427537e4 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Mon, 6 Jun 2022 12:49:13 -0700
Subject: [PATCH] clarify video frontmatter prop name

---
 data/blog/coronary-evidence-video.mdx | 2 +-
 layouts/PostLayout.tsx                | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/data/blog/coronary-evidence-video.mdx b/data/blog/coronary-evidence-video.mdx
index fb24ac3..04a5804 100644
--- a/data/blog/coronary-evidence-video.mdx
+++ b/data/blog/coronary-evidence-video.mdx
@@ -2,7 +2,7 @@
 title: Coronary Evidence Tour video
 date: '2016-04-04'
 tags: ['video', 'tour']
-video: ZZFlhe_I4kI
+youtubeId: ZZFlhe_I4kI
 draft: false
 summary: We just toured with Aborted on the Coronary Evidence Tour!
 ---
diff --git a/layouts/PostLayout.tsx b/layouts/PostLayout.tsx
index e69df09..67f9420 100644
--- a/layouts/PostLayout.tsx
+++ b/layouts/PostLayout.tsx
@@ -27,7 +27,7 @@ interface Props {
 }
 
 export default function PostLayout({ frontMatter, authorDetails, next, prev, children }: Props) {
-  const { slug, fileName, date, title, tags, video } = frontMatter
+  const { slug, fileName, date, title, tags, youtubeId } = frontMatter
 
   return (
     <SectionContainer>
@@ -98,14 +98,14 @@ export default function PostLayout({ frontMatter, authorDetails, next, prev, chi
             <div className="divide-y divide-gray-200 dark:divide-gray-700 xl:col-span-3 xl:row-span-2 xl:pb-0">
               <div className="prose max-w-none pt-10 pb-8 dark:prose-dark">
                 {children}
-                {video ? (
+                {youtubeId ? (
                   <div
                     className="relative h-0 w-full max-w-full overflow-hidden"
                     style={{ paddingBottom: '56.25%' }}
                   >
                     <iframe
                       title={title}
-                      src={`https://www.youtube.com/embed/${video}`}
+                      src={`https://www.youtube.com/embed/${youtubeId}`}
                       className="absolute top-0 left-0 h-full w-full"
                     />
                   </div>