Youtube Comments with header

Comments.js

import React from 'react';
import {CommentsHeader} from "./CommentsHeader/CommentsHeader";

export class Comments extends React.Component {
  render() {
    return(
      <div>
        <CommentsHeader amountComments={this.props.amountComments}/>
      </div>
    );
  }
}

Watch.js

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>
    );
  }
}