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 PropTypes from 'prop-types';
import VideoItem from "./VideoItem"; import VideoItem from "./VideoItem";
import SectionHeading from "./SectionHeading"; import SectionHeading from "./SectionHeading";
import {Link} from 'react-router-dom';
class RandomTopic extends React.Component { class RandomTopic extends React.Component {
render() { render() {
return ( return (
<section> <section>
<SectionHeading title={ this.props.topicName } /> <SectionHeading title={this.props.topicName}/>
<Grid <Grid
width={450} width={450}
gap={16}> gap={16}>
{ this.props.videos.map(video => {this.props.videos.map(video =>
<VideoItem id={ video.id } title={ video.title } /> <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> </Grid>
<a href="/topics">See All videos</a>
</section> </section>
) )