cdransf/augurymetal.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

clarify video frontmatter prop name

Browse source
This commit is contained in:
Cory Dransfeldt 2022-06-06 12:49:13 -07:00
parent 7121a3d58b
commit f0f0a52401
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
data/blog/coronary-evidence-video.mdx
View file

@ -2,7 +2,7 @@
title: Coronary Evidence Tour video title: Coronary Evidence Tour video
date: '2016-04-04' date: '2016-04-04'
tags: ['video', 'tour'] tags: ['video', 'tour']
video: ZZFlhe_I4kI youtubeId: ZZFlhe_I4kI
draft: false draft: false
summary: We just toured with Aborted on the Coronary Evidence Tour! summary: We just toured with Aborted on the Coronary Evidence Tour!
--- ---

6
layouts/PostLayout.tsx
View file

@ -27,7 +27,7 @@ interface Props {
} }
export default function PostLayout({ frontMatter, authorDetails, next, prev, children }: 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 ( return (
<SectionContainer> <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="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"> <div className="prose max-w-none pt-10 pb-8 dark:prose-dark">
{children} {children}
{video ? ( {youtubeId ? (
<div <div
className="relative h-0 w-full max-w-full overflow-hidden" className="relative h-0 w-full max-w-full overflow-hidden"
style={{ paddingBottom: '56.25%' }} style={{ paddingBottom: '56.25%' }}
> >
<iframe <iframe
title={title} 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" className="absolute top-0 left-0 h-full w-full"
/> />
</div> </div>