From b3a2041957d5195cd658d2414e369b3973c3f9e6 Mon Sep 17 00:00:00 2001
From: Roosted7 <thomasroos@live.nl>
Date: Mon, 15 Jan 2018 12:40:53 +0100
Subject: [PATCH] Add Hero to all pages
---
client/components/Hero.js | 20 ++++++++++++++++++++
client/views/AddGraders.js | 3 +++
client/views/AddStudents.js | 3 +++
client/views/CheckStudents.js | 3 +++
client/views/Grade.js | 3 +++
client/views/Home.js | 13 +++----------
client/views/Reset.js | 3 +++
client/views/Upload.js | 3 +++
8 files changed, 41 insertions(+), 10 deletions(-)
create mode 100644 client/components/Hero.js
diff --git a/client/components/Hero.js b/client/components/Hero.js
new file mode 100644
index 000000000..0f47e5a52
--- /dev/null
+++ b/client/components/Hero.js
@@ -0,0 +1,20 @@
+import React from 'react';
+
+const Hero = (props) => {
+ return (
+ <section className="hero is-primary">
+ <div className="hero-body">
+ <div className="container">
+ <h1 className="title">
+ {props.title}
+ </h1>
+ <h2 className="subtitle">
+ {props.subtitle}
+ </h2>
+ </div>
+ </div>
+ </section>
+ )
+}
+
+export default Hero;
diff --git a/client/views/AddGraders.js b/client/views/AddGraders.js
index d51496a01..0d160f603 100644
--- a/client/views/AddGraders.js
+++ b/client/views/AddGraders.js
@@ -1,11 +1,14 @@
import React from 'react';
import NavBar from '../components/NavBar';
+import Hero from '../components/Hero';
const AddGraders = () => {
return (
<div>
<NavBar />
+
+ <Hero title='Add Graders' subtitle='Many hands make light work' />
<h1>React Router demo</h1>
Hoi dit de AddGraders
diff --git a/client/views/AddStudents.js b/client/views/AddStudents.js
index 8c9c9d760..d943a06f5 100644
--- a/client/views/AddStudents.js
+++ b/client/views/AddStudents.js
@@ -1,5 +1,6 @@
import React from 'react';
import NavBar from '../components/NavBar';
+import Hero from '../components/Hero';
const AddStudents = () => {
return (
@@ -7,6 +8,8 @@ const AddStudents = () => {
<NavBar />
+ <Hero title='Add Students' subtitle='Tell me who made this exam' />
+
<h1>React Router demo</h1>
Hoi dit de AddStudents
</div>
diff --git a/client/views/CheckStudents.js b/client/views/CheckStudents.js
index 0fdec6f73..70760913e 100644
--- a/client/views/CheckStudents.js
+++ b/client/views/CheckStudents.js
@@ -1,5 +1,6 @@
import React from 'react';
import NavBar from '../components/NavBar';
+import Hero from '../components/Hero';
const CheckStudents = () => {
return (
@@ -7,6 +8,8 @@ const CheckStudents = () => {
<NavBar />
+ <Hero title='Check Students' subtitle='Sanity check for the students' />
+
<h1>React Router demo</h1>
Hoi dit de CheckStudents
</div>
diff --git a/client/views/Grade.js b/client/views/Grade.js
index 76b6be7b1..93d7b3d5e 100644
--- a/client/views/Grade.js
+++ b/client/views/Grade.js
@@ -1,11 +1,14 @@
import React from 'react';
import NavBar from '../components/NavBar';
+import Hero from '../components/Hero';
const Grade = () => {
return (
<div>
<NavBar />
+
+ <Hero title='Grade' subtitle='This is where the magic happens!' />
<h1>React Router demo</h1>
Hoi dit de Grade
diff --git a/client/views/Home.js b/client/views/Home.js
index 297db0a69..557153f35 100644
--- a/client/views/Home.js
+++ b/client/views/Home.js
@@ -1,5 +1,6 @@
import React from 'react';
import NavBar from '../components/NavBar';
+import Hero from '../components/Hero';
const Home = () => {
return (
@@ -7,16 +8,8 @@ const Home = () => {
<NavBar />
- <section className="hero is-primary">
- <div className="hero-body">
- <p className="title">
- Documentation
- </p>
- <p className="subtitle">
- Everything you need to <strong>create a website</strong> with Bulma
- </p>
- </div>
- </section>
+ <Hero title='Home' subtitle='Zesje - open source exam grading software' />
+
<h1>React Router demo</h1>
Hoi dit de homepagina
diff --git a/client/views/Reset.js b/client/views/Reset.js
index b28780c4f..0ceef006d 100644
--- a/client/views/Reset.js
+++ b/client/views/Reset.js
@@ -1,11 +1,14 @@
import React from 'react';
import NavBar from '../components/NavBar';
+import Hero from '../components/Hero';
const Reset = () => {
return (
<div>
<NavBar />
+
+ <Hero title='Reset' subtitle="Please don't hurt my database :(" />
<h1>React Router demo</h1>
Hoi dit de Reset
diff --git a/client/views/Upload.js b/client/views/Upload.js
index c9657cfd8..692e74d73 100644
--- a/client/views/Upload.js
+++ b/client/views/Upload.js
@@ -1,5 +1,6 @@
import React from 'react';
import NavBar from '../components/NavBar';
+import Hero from '../components/Hero';
const Upload = () => {
return (
@@ -7,6 +8,8 @@ const Upload = () => {
<NavBar />
+ <Hero title='Upload' subtitle='Omnomnomnom Exams!' />
+
<h1>React Router demo</h1>
Hoi dit de Upload
</div>
--
GitLab