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

add topic count in random topic component #7

Merged
sanj merged 2 commits from feature/add-topic-count into develop 2018-12-07 17:44:24 +00:00
Conversation 0 Commits 2 Files Changed 5 +5 -4
3 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 2d755be6b8 - Show all commits

2
src/actions/topics.js
View File

@ -40,7 +40,7 @@ export function getRandomTopicVideos(allTopics, numVideos=4) {
return dispatch => { return dispatch => {
const randomTopic = getRandomTopic(allTopics); const randomTopic = getRandomTopic(allTopics);
dispatch(loadingRandomTopicVideos()); dispatch(loadingRandomTopicVideos());
fetchVideosByTopic(randomTopic, 0, 4) fetchVideosByTopic(randomTopic.name, 0, 4)
.then(videos => { .then(videos => {
dispatch(loadedRandomTopicVideos(randomTopic, videos)); dispatch(loadedRandomTopicVideos(randomTopic, videos));
}); });

5
src/components/RandomTopic.js
View File

@ -21,7 +21,7 @@ class RandomTopic extends React.Component {
See All Topics See All Topics
</Link> </Link>
<Link to="/topics"> <Link to="/topics">
See All videos of {this.props.topicName} () See All videos of {this.props.topicName} ({this.props.topicCount})
</Link> </Link>
</Grid> </Grid>
</section> </section>
@ -33,7 +33,8 @@ class RandomTopic extends React.Component {
RandomTopic.propTypes = { RandomTopic.propTypes = {
topicName: PropTypes.string, topicName: PropTypes.string,
videos: PropTypes.array, videos: PropTypes.array,
loading: PropTypes.bool loading: PropTypes.bool,
topicCount: PropTypes.number
}; };
export default (RandomTopic); export default (RandomTopic);

2
src/containers/Home.js
View File

@ -45,7 +45,7 @@ const mapStateToProps = state => ({
allTopics: state.topics.allTopics, allTopics: state.topics.allTopics,
loadingAllTopics: state.topics.loadingAllTopics, loadingAllTopics: state.topics.loadingAllTopics,
randomTopic: state.topics.randomTopic, randomTopic: state.topics.randomTopic,
randomTopicCount: static.topics.randomTopicCount, randomTopicCount: state.topics.randomTopicCount,
loadingRandomTopic: state.topics.loadingRandomTopic, loadingRandomTopic: state.topics.loadingRandomTopic,
randomTopicVideos: state.topics.randomTopicVideos randomTopicVideos: state.topics.randomTopicVideos
}); });