858/frontend
1
0
Fork 0
Code Issues 11 Pull Requests Releases Wiki Activity

add the see all videos, topics links

Browse Source
This commit is contained in:
Ahmed-Ayman 2018-12-07 19:35:40 +02:00
parent f667e9ea8f
commit 5c048b2036
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/RandomTopic.js
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>
)