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