From 7ab16888654af17931a6e02923317c9cb1df667b Mon Sep 17 00:00:00 2001
From: John Costa <johncosta027@gmail.com>
Date: Fri, 13 May 2022 15:55:54 +0100
Subject: [PATCH] feat: buttons now work and refactored project card

---
 src/components/sections/ProjectCard.jsx | 12 ++++++------
 src/components/sections/Projects.jsx    |  4 +++-
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/sections/ProjectCard.jsx b/src/components/sections/ProjectCard.jsx
index a2ed13d..9698fe8 100644
--- a/src/components/sections/ProjectCard.jsx
+++ b/src/components/sections/ProjectCard.jsx
@@ -1,20 +1,20 @@
 import React from "react";
 import GitHubMark from "./GitHubMark";
 
-const ProjectCard = ({ title, description }) => {
+const ProjectCard = ({ title, liveUrl, gitUrl, children }) => {
   return (
     <div className="min-h-[400px] w-full rounded-lg flex flex-col bg-polar-night-400 p-4 shadow-md justify-between">
       <div className="w-full flex flex-col gap-2">
         <h2 className="text-4xl text-snow-storm-100">{title}</h2>
-        <p className="text-lg text-snow-storm-100">{description}</p>
+        {children}
       </div>
       <div className="w-full flex items-center gap-2 text-lg">
-        <button className="w-full h-12 rounded bg-aurora-green text-polar-night-200 hover:bg-aurora-orange transition-all">
+        <a href={liveUrl} className="w-full flex justify-center items-center h-12 rounded bg-aurora-green text-polar-night-200 hover:bg-aurora-orange transition-all text-xl">
           Live
-        </button>
-        <button className="w-full flex justify-center items-center h-12 rounded bg-snow-storm-200 hover:bg-polar-night-100 transition-all">
+        </a>
+        <a href={gitUrl} className="w-full flex justify-center items-center h-12 rounded bg-snow-storm-200 hover:bg-polar-night-100 transition-all">
           <GitHubMark width="32" height="32" />
-        </button>
+        </a>
       </div>
     </div>
   );
diff --git a/src/components/sections/Projects.jsx b/src/components/sections/Projects.jsx
index 3cd4bcf..017fde9 100644
--- a/src/components/sections/Projects.jsx
+++ b/src/components/sections/Projects.jsx
@@ -9,7 +9,9 @@ const Projects = () => {
           Projects
         </h1>
         <div className="w-full grid grid-cols-3 gap-4">
-          <ProjectCard title="Real Tutor" description="Lessons and progress management tool, for my tutoring company." /> 
+          <ProjectCard title="Real Tutor" liveUrl="/" gitUrl="/">
+            <p className="text-xl text-snow-storm-100">A lesson and progress management system which allowed tutors at my company to schedule lessons, add repots and keep track of students progress. Built using the MERN stack.</p>
+          </ProjectCard>
           <ProjectCard title="Hello World" description="Hello World again lol" /> 
           <ProjectCard title="Hello World" description="Hello World again lol" /> 
           <ProjectCard title="Hello World" description="Hello World again lol" />