Compare commits
1 Commits
69c2181afa
...
e8a23bd1ca
Author | SHA1 | Date | |
---|---|---|---|
e8a23bd1ca |
|
@ -3,27 +3,23 @@ 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