Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Youtube Comments with header
import React from 'react';
import {CommentsHeader} from "./CommentsHeader/CommentsHeader";
export class Comments extends React.Component {
render() {
return(
<div>
<CommentsHeader amountComments={this.props.amountComments}/>
</div>
);
}
}
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';
import {Comments} from '../Comments/Comments';
export class Watch extends React.Component {
render() {
return (
<div className='watch-grid'>
<Video className='video' id='-7fuHEEmEjs'/>
<VideoMetadata className='metadata' viewCount={1000}/>
<VideoInfoBox className='video-info-box'/>
<Comments className='comments'/>
<RelatedVideos className='relatedVideos'/>
</div>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.