From 0b5113551793bc75d9a6de549eccda4068d43a46 Mon Sep 17 00:00:00 2001
From: Ahmed-Ayman <ahmedayman055g@gmail.com>
Date: Tue, 11 Dec 2018 12:25:35 +0200
Subject: [PATCH] refactor the sass, section heading names

---
 src/components/Header.js      |  2 +-
 src/components/RandomTopic.js | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/Header.js b/src/components/Header.js
index 61ca1fb..327d2e2 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import '../stylesheets/style.css'
+import '../stylesheets/style.scss'
 
 class Header extends React.Component {
   render() {
diff --git a/src/components/RandomTopic.js b/src/components/RandomTopic.js
index aa6e335..d7f9a2e 100644
--- a/src/components/RandomTopic.js
+++ b/src/components/RandomTopic.js
@@ -2,7 +2,7 @@ import Grid from 'react-css-grid'
 import React from 'react';
 import PropTypes from 'prop-types';
 import VideoItem from "./VideoItem";
-import SectionHeading from "./SectionHeading";
+import RandomItemTitle from "./SectionHeading";
 import { Link } from 'react-router-dom';
 
 class RandomTopic extends React.Component {
@@ -10,12 +10,12 @@ class RandomTopic extends React.Component {
   render() {
     return (
       <section>
-        <SectionHeading title={this.props.topicName + ' (' +this.props.topicCount + ')'}/>
-        <Link to="/topics">
-          <span className="">See All Topics</span>
-        </Link>
-          <Grid
-          width={450}
+        <h2 className="section-heading">from the Archive Topics - من مواضيع الارشيف</h2>
+
+        <RandomItemTitle title={
+        this.props.topicName + ' (' +this.props.topicCount + ')'}/>
+          <Grid className="random-topics"
+          width={220}
           gap={16}>
           {this.props.videos.map(video =>
             <VideoItem id={video.id} key={video.id} title={video.title }/>