From 5c048b2036418b73898415aa8a65d19ffa6a0985 Mon Sep 17 00:00:00 2001
From: Ahmed-Ayman <ahmedayman055g@gmail.com>
Date: Fri, 7 Dec 2018 19:35:40 +0200
Subject: [PATCH] add the see all videos, topics links

---
 src/components/RandomTopic.js | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/RandomTopic.js b/src/components/RandomTopic.js
index 0561173..b9c6bd2 100644
--- a/src/components/RandomTopic.js
+++ b/src/components/RandomTopic.js
@@ -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>
 
     )