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

refactor the sass, section heading names

Browse Source
This commit is contained in:
Ahmed-Ayman 2018-12-11 12:25:35 +02:00
parent a0489baae9
commit 0b51135517
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Header.js
View File

@ -1,6 +1,6 @@
import React from 'react';
import '../stylesheets/style.css'
import '../stylesheets/style.scss'
class Header extends React.Component {
render() {

14
src/components/RandomTopic.js
View File

@ -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 }/>