import { Box, Container, Link, Text } from '@chakra-ui/react'; import { GlobalHeader } from '../../components/global-header'; import { OpensourceBanner } from '../../components/opensource-banner'; import { UpdatesBanner } from '../../components/updates-banner'; import { Footer } from '../../components/footer'; import { ContentPageHeader } from '../../components/content-page-header'; import MdRenderer from '../../components/md-renderer'; import { getAllVideos, getVideoById, VideoType } from '../../lib/video'; import Helmet from '../../components/helmet'; type VideoProps = { video: VideoType; }; export default function Video(props: VideoProps) { const { video } = props; const VideoContent = require(`../../content/videos/${video.id}.md`).default; return ( {video.youtubeLink && ( We are working on a better watch page — for now this video is best viewed on YouTube.)}