Compare commits

..

2 Commits

Author SHA1 Message Date
69c2181afa add random topic items count to state 2018-12-07 19:38:24 +02:00
Ahmed-Ayman
5c048b2036 add the see all videos, topics links 2018-12-07 19:35:40 +02:00

View File

@ -3,23 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
import VideoItem from "./VideoItem";
import SectionHeading from "./SectionHeading";
import {Link} from 'react-router-dom';
class RandomTopic extends React.Component {
render() {
return (
<section>
<SectionHeading title={ this.props.topicName } />
<SectionHeading title={this.props.topicName}/>
<Grid
width={450}
gap={16}>
{ this.props.videos.map(video =>
<VideoItem id={ video.id } title={ video.title } />
{this.props.videos.map(video =>
<VideoItem id={video.id} title={video.title}/>
)}
<Link to="/topics">
See All Topics
</Link>
<Link to="/topics">
See All videos of {this.props.topicName} ()
</Link>
</Grid>
<a href="/topics">See All videos</a>
</section>
)