gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add youtube link to video page

Browse Source
This commit is contained in:
Kamran Ahmed
2021-09-05 22:09:22 +02:00
parent 0f713cbfd8
commit 6545c8de36
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
pages/watch/[video].tsx
View File

@ -1,4 +1,4 @@
import { Box, Container } from '@chakra-ui/react'; import { Box, Container, Link, Text } from '@chakra-ui/react';
import { GlobalHeader } from '../../components/global-header'; import { GlobalHeader } from '../../components/global-header';
import { OpensourceBanner } from '../../components/opensource-banner'; import { OpensourceBanner } from '../../components/opensource-banner';
import { UpdatesBanner } from '../../components/updates-banner'; import { UpdatesBanner } from '../../components/updates-banner';
@ -34,6 +34,12 @@ export default function Video(props: VideoProps) {
}} }}
/> />
<Container maxW={'container.md'} position='relative'> <Container maxW={'container.md'} position='relative'>
{video.youtubeLink && (
<Text mb='18px'>We are working on a better watch page — for now this <Link fontWeight={600}
textDecoration={'underline'}
href={video.youtubeLink}
target='_blank'>video is best
viewed on YouTube</Link>.</Text>)}
<MdRenderer> <MdRenderer>
<VideoContent /> <VideoContent />
</MdRenderer> </MdRenderer>