top banner name changed => common banner

coderplex-org · vinaypuppal · Nov 2, 2017 · Oct 25, 2017 · Oct 25, 2017 · Oct 25, 2017
commit cc6fdc93444975c5867b03047ee51b4da11de0e7
diff --git a/components/top-banner.js → components/common-banner.js b/components/top-banner.js → components/common-banner.js
@@ -3,17 +3,17 @@ import React from 'react';
 export default props => (
   <div>
     <div>
-      <div className="top_banner_root">
-        <h1 className="top_banner_headline">{props.pageTitle}</h1>
+      <div className="root">
+        <h1 className="headline">{props.pageTitle}</h1>
         <h2>{props.pageSubTitle}</h2>
       </div>
       <style jsx>{`
-        .top_banner_root {
+        .root {
           background-color: #f4f7fb;
           min-height: 200px;
           text-align: center;
         }
-        .top_banner_headline {
+        .headline {
           padding-top: 20px;
           font-size: 4em;
           color: #df1cb5;

diff --git a/pages/events.js b/pages/events.js
@@ -3,7 +3,7 @@ import fetch from 'isomorphic-unfetch';
 import { Card, Divider, Dimmer, Loader } from 'semantic-ui-react';
 
 import publicPage from '../hocs/public-page';
-import TopBanner from '../components/top-banner';
+import CommonBanner from '../components/common-banner';
 import { baseEventsURL, futureEventsURL, pastEventsURL } from '../utils/urls';
 import RowEvent from '../components/row-events';
 
@@ -99,7 +99,7 @@ class Events extends React.Component {
   render() {
     return (
       <div>
-        <TopBanner
+        <CommonBanner
           pageTitle="Events"
           pageSubTitle="Because you cannot change the world alone"
         />

diff --git a/pages/learn/index.js b/pages/learn/index.js
@@ -12,7 +12,7 @@ import {
 import Link from 'next/link';
 
 import publicPage from '../../hocs/public-page';
-import TopBanner from '../../components/top-banner';
+import CommonBanner from '../../components/common-banner';
 
 import { listOfSubjects, listOfDomains } from '../../utils/mock-data';
 
@@ -41,7 +41,7 @@ class Learn extends React.Component {
   render() {
     return (
       <div className="root">
-        <TopBanner
+        <CommonBanner
           pageTitle="Learn"
           pageSubTitle="Open Source Learning Guides to master your favorite technology"
         />

diff --git a/pages/space.js b/pages/space.js
@@ -1,12 +1,12 @@
 import React from 'react';
 import { Card, Segment, Header, Divider } from 'semantic-ui-react';
 
-import TopBanner from '../components/top-banner';
+import CommonBanner from '../components/common-banner';
 import publicPage from '../hocs/public-page';
 
 export default publicPage(() => (
   <div>
-    <TopBanner
+    <CommonBanner
       pageTitle="Space"
       pageSubTitle="Physical spaces for collaboration, peer-learning and self-learning"
     />