From 53f2a136c93de8c717d62869e09007cda7b6525d Mon Sep 17 00:00:00 2001
From: Kevin Kandlbinder <kevin@kevink.dev>
Date: Tue, 26 Jan 2021 14:35:02 +0100
Subject: [PATCH] Rework Project Cards

---
 src/pages/index.js    |  8 ++++----
 src/pages/projects.js | 10 +++++-----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index 755b0ef..8d54e03 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -82,7 +82,7 @@ class IndexPage extends React.Component {
             <div className={projectStyles.projectList}>
               {this.props.data.allProjectsJson.nodes.map((project) => {
                 return (
-                  <div className={projectStyles.projectCard} key={project.lang + "/" + project.urlname}>
+                  <Link className={projectStyles.projectCard} key={project.lang + "/" + project.urlname} to={"/projects/" + project.urlname}>
                     {/*<div className="projectCardActivityIndicator activityIndicatorBlue">Live</div>*/}
                     <div className={projectStyles.projectCardImage} style={{ backgroundImage: "url(" + project.image.childImageSharp.resize.src + ")" }}>
                       <div className={projectStyles.projectCardMeta}>
@@ -91,10 +91,10 @@ class IndexPage extends React.Component {
                       </div>
                     </div>
 
-                    <div className={projectStyles.projectCardCTAContainer}>
+                    {/*<div className={projectStyles.projectCardCTAContainer}>
                       <div className={projectStyles.projectCardCTA}><Link to={"/projects/" + project.urlname}><Trans>projectView</Trans></Link></div>
-                    </div>
-                  </div>
+                    </div>*/}
+                  </Link>
                 );
               })}
             </div>
diff --git a/src/pages/projects.js b/src/pages/projects.js
index 12b73da..c88ce3a 100644
--- a/src/pages/projects.js
+++ b/src/pages/projects.js
@@ -40,7 +40,7 @@ const ProjectsPage = ({ data }) => {
           <div className={styles.projectList}>
             {data.allProjectsJson.nodes.map((project) => {
               return (
-                <div className={styles.projectCard} key={project.lang + project.urlname}>
+                <Link className={styles.projectCard} key={project.lang + project.urlname} to={"/projects/" + project.urlname}>
                   {/*<div className="projectCardActivityIndicator activityIndicatorBlue">Live</div>*/}
                   <div className={styles.projectCardImage} style={{ backgroundImage: "url(" + project.image.childImageSharp.resize.src + ")" }}>
                     <div className={styles.projectCardMeta}>
@@ -49,10 +49,10 @@ const ProjectsPage = ({ data }) => {
                     </div>
                   </div>
 
-                  <div className={styles.projectCardCTAContainer}>
-                    <div className={styles.projectCardCTA}><Link to={"/projects/" + project.urlname}><Trans>projectView</Trans></Link></div>
-                  </div>
-                </div>
+                  {/*<div className={styles.projectCardCTAContainer}>
+                      <div className={styles.projectCardCTA}><Link to={"/projects/" + project.urlname}><Trans>projectView</Trans></Link></div>
+                  </div>*/}
+                </Link>
               );
             })}
           </div>