From 5b08c48ea3d23352c235743ccc9d857bdb7586d9 Mon Sep 17 00:00:00 2001
From: misterrodger <johndavidrodger@gmail.com>
Date: Fri, 21 Jun 2019 13:49:31 +0300
Subject: [PATCH] Update links on Home and Navbar

- React Link
- Relates #115
---
 src/components/Homepage/Founders/Founders.js              | 3 +++
 src/components/Homepage/Header/Header.js                  | 5 +++++
 src/components/StudentDashboard/NewJobCard/NewJobCard.css | 8 ++++----
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/Homepage/Founders/Founders.js b/src/components/Homepage/Founders/Founders.js
index 8c58e7f..6a088b9 100644
--- a/src/components/Homepage/Founders/Founders.js
+++ b/src/components/Homepage/Founders/Founders.js
@@ -1,4 +1,5 @@
 import React from "react";
+import { Link } from 'react-router-dom';
 import "./Founders.css";
 import Founder from "./Founder/Founder";
 
@@ -38,7 +39,9 @@ const Founders = () => {
         out to find a solution, which led us to Groundworks. Our way to
         revolutionise how companies connect with students worldwide.
       </p>
+      <Link to='./Join'>
       <button className="FoundersComponent--joinbutton">Join</button>
+      </Link>
     </div>
   );
 };
diff --git a/src/components/Homepage/Header/Header.js b/src/components/Homepage/Header/Header.js
index 3f39738..2ebafeb 100644
--- a/src/components/Homepage/Header/Header.js
+++ b/src/components/Homepage/Header/Header.js
@@ -1,4 +1,5 @@
 import React from "react";
+import { Link } from "react-router-dom";
 import "./Header.css";
 import HeaderJoinButton from "../../Button/HeaderJoinButton";
 import "../../Button/HeaderJoinButton.css";
@@ -12,14 +13,18 @@ const Header = () => {
           Gain practical work experience, explore
           <br /> career paths and generate income.
         </p>
+        <Link to='./Join'>
         <HeaderJoinButton />
+        </Link>
       </div>
       <div className="headerComponent--employer">
         <h2 className="headerComponent--headerEmployers">Employers</h2>
         <p className="headerComponent--employerParagraph ">
           Hire better and smarter. Connect directly with reviewed candidates.
         </p>
+        <Link to='./Join'>
         <HeaderJoinButton />
+        </Link>
       </div>
     </div>
   );
diff --git a/src/components/StudentDashboard/NewJobCard/NewJobCard.css b/src/components/StudentDashboard/NewJobCard/NewJobCard.css
index 1df2e40..93af6ef 100644
--- a/src/components/StudentDashboard/NewJobCard/NewJobCard.css
+++ b/src/components/StudentDashboard/NewJobCard/NewJobCard.css
@@ -5,7 +5,7 @@
 }
 
 .StudentNewJobCard--projectname {
-  border-bottom: 2px solid black;
+  border-bottom: 2px solid lightgrey;
   padding: 1rem;
 }
 
@@ -26,9 +26,9 @@
 .StudentNewJobCard--container {
   width: 600px;
   height: auto;
-  border: 2px solid black;
+  border: 2px solid lightgrey;
   margin: 1rem;
-  box-shadow: 2px 2px 10px grey;
+  box-shadow: 2px 2px 10px lightgrey;
 }
 
 .StudentNewJobCard--contactcontainer {
@@ -37,7 +37,7 @@
 }
 
 .StudentNewJobCard--downloadbrief {
-  border-top: 2px solid black;
+  border-top: 2px solid lightgrey;
   text-align: right;
   padding: 1rem;
 }