Skip to content

Instantly share code, notes, and snippets.

@productioncoder
Last active December 15, 2018 09:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save productioncoder/c01e3a78a42207c4f1e11052506e6cf3 to your computer and use it in GitHub Desktop.
Save productioncoder/c01e3a78a42207c4f1e11052506e6cf3 to your computer and use it in GitHub Desktop.
Including VideoInfoBox in Watch component
import React from 'react';
import './Watch.scss';
import {RelatedVideos} from '../../components/RelatedVideos/RelatedVideos';
import {Video} from '../../components/Video/Video';
import {VideoMetadata} from '../../components/VideoMetadata/VideoMetadata';
import {VideoInfoBox} from '../../components/VideoInfoBox/VideoInfoBox';
export class Watch extends React.Component {
// stretch?
render() {
return (
<div className='watch-grid'>
<Video className='video' id='-7fuHEEmEjs'/>
<VideoMetadata className='metadata' viewCount={1000}/>
<VideoInfoBox className='video-info-box'/>
<div className='comments' style={{width: '100%', height: '100px', background: '#9013FE'}}>comments</div>
<RelatedVideos className='related-videos'/>
</div>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment