Compare commits
2 Commits
e8a23bd1ca
...
69c2181afa
Author | SHA1 | Date | |
---|---|---|---|
69c2181afa | |||
|
5c048b2036 |
|
@ -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>
|
||||
|
||||
)
|
||||
|
|
Loading…
Reference in New Issue
Block a user