From c4603b8e03dca76d6e12d0e82e047e2b021e68f1 Mon Sep 17 00:00:00 2001
From: Sanjay Bhangar <sanjaybhangar@gmail.com>
Date: Thu, 13 Dec 2018 16:22:58 +0200
Subject: [PATCH] implement shuffle topics button functionality

---
 src/components/RandomTopic.js | 10 ++++++++--
 src/containers/Home.js        |  2 ++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/RandomTopic.js b/src/components/RandomTopic.js
index 5bcc5be..2db07ca 100644
--- a/src/components/RandomTopic.js
+++ b/src/components/RandomTopic.js
@@ -6,6 +6,10 @@ import RandomItemTitle from "./SectionHeading";
 
 class RandomTopic extends React.Component {
 
+  shuffleTopic() {
+    this.props.getRandomTopicVideos(this.props.allTopics);
+  }
+
   render() {
     return (
       <section>
@@ -24,7 +28,7 @@ class RandomTopic extends React.Component {
 
           </button>
           {/* Shuffle button */}
-          <button className="shuffle-button" onClick="">
+          <button className="shuffle-button" onClick={ this.shuffleTopic.bind(this) }>
             <span className="english-text">Shuffle Topics - </span>
             <span className="arabic-text"> موضوع عشوائي </span>
             <i className="fa fa-random"></i>
@@ -52,9 +56,11 @@ class RandomTopic extends React.Component {
 
 RandomTopic.propTypes = {
   topicName: PropTypes.string,
+  allTopics: PropTypes.array,
   videos: PropTypes.array,
   loading: PropTypes.bool,
-  topicCount: PropTypes.number
+  topicCount: PropTypes.number,
+  getRandomTopicVideos: PropTypes.func
 };
 
 export default (RandomTopic);
\ No newline at end of file
diff --git a/src/containers/Home.js b/src/containers/Home.js
index c820e06..38906df 100644
--- a/src/containers/Home.js
+++ b/src/containers/Home.js
@@ -30,9 +30,11 @@ class Home extends React.Component {
       <div>
         <RandomTopic
           topicName={ this.props.randomTopic || ''}
+          allTopics={ this.props.allTopics || [] }
           topicCount={ this.props.randomTopicCount }
           videos = { this.props.randomTopicVideos || [] }
           loading = { this.props.loadingAllTopics || this.props.loadingRandomTopic }
+          getRandomTopicVideos={ this.props.getRandomTopicVideos }
         />
         <RandomLocation/>
         <RandomDate/>