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 React from 'react';
import '../stylesheets/style.css' import '../stylesheets/style.scss'
class Header extends React.Component { class Header extends React.Component {
render() { render() {

14
src/components/RandomTopic.js
View File

@ -2,7 +2,7 @@ import Grid from 'react-css-grid'
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import VideoItem from "./VideoItem"; import VideoItem from "./VideoItem";
import SectionHeading from "./SectionHeading"; import RandomItemTitle from "./SectionHeading";
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
class RandomTopic extends React.Component { class RandomTopic extends React.Component {
@ -10,12 +10,12 @@ class RandomTopic extends React.Component {
render() { render() {
return ( return (
<section> <section>
<SectionHeading title={this.props.topicName + ' (' +this.props.topicCount + ')'}/> <h2 className="section-heading">from the Archive Topics - من مواضيع الارشيف</h2>
<Link to="/topics">
<span className="">See All Topics</span> <RandomItemTitle title={
</Link> this.props.topicName + ' (' +this.props.topicCount + ')'}/>
<Grid <Grid className="random-topics"
width={450} width={220}
gap={16}> gap={16}>
{this.props.videos.map(video => {this.props.videos.map(video =>
<VideoItem id={video.id} key={video.id} title={video.title }/> <VideoItem id={video.id} key={video.id} title={video.title }/>