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

Compare commits

base: 858:69c2181afa233994f52f86f3c1729fc0c3f8a38b
Branches Tags
858:master
858:develop
858:results_page
..
compare: 858:e8a23bd1ca82bcfdd946bd0084eaf4dc3fded96d
Branches Tags
858:develop
858:results_page
858:master

1 commit
69c2181afa ... e8a23bd1ca

Author SHA1 Message Date
Sanjay Bhangar
e8a23bd1ca add random topic items count to state 2018-12-07 19:37:57 +02:00
1 changed files with 6 additions and 10 deletions
Show stats Expand all files Collapse all files

16
src/components/RandomTopic.js
View file

@ -3,27 +3,23 @@ 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>
) )