From 405ea1c814e64f2ef1f0c2b818fe3a959d613936 Mon Sep 17 00:00:00 2001
From: Jonathan Rainville <rainville.jonathan@gmail.com>
Date: Thu, 25 Apr 2019 12:15:34 -0400
Subject: [PATCH] feat: add the add new project vard

---
 src/components/projects/Projects.jsx |  19 +++++++++++++++++--
 src/images/new-project.png           | Bin 0 -> 2871 bytes
 2 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 src/images/new-project.png

diff --git a/src/components/projects/Projects.jsx b/src/components/projects/Projects.jsx
index 9962281..6e9713e 100644
--- a/src/components/projects/Projects.jsx
+++ b/src/components/projects/Projects.jsx
@@ -22,6 +22,7 @@ import CardActionArea from '@material-ui/core/CardActionArea';
 import LinearProgress from '@material-ui/core/LinearProgress';
 
 import defaultProjectImage from '../../images/default-project-img.png';
+import newProjectImage from '../../images/new-project.png';
 
 const SORT_TYPES = {
   date: 'date',
@@ -58,6 +59,12 @@ const styles = theme => ({
   },
   progress: {
     height: 10
+  },
+  'new-project-img': {
+    textAlign: 'center',
+    margin: 0,
+    paddingTop: 115,
+    paddingBottom: 43
   }
 })
 
@@ -91,7 +98,7 @@ function ProjectCard({classes, project}) {
         <Typography gutterBottom variant="h5" component="h2" className={classes['card-title']} noWrap>
           {project.manifest.title}
         </Typography>
-        <Typography component="p" className={classes['card-content']} noWrap>
+        <Typography component="p" className={classes['card-content']} noWrap gutterBottom>
           {project.manifest.description}&nbsp;
         </Typography>
         <Typography component="p" className={classes['card-content']} color="textSecondary">
@@ -142,10 +149,18 @@ function Projects({projectAddedEvents, classes}) {
           if (!project.manifest) {
             return ''
           }
-          return (<Grid key={'project-' + index} item xs={12} sm={6} md={4} lg={3} className="project-list-item">
+          return (<Grid key={'project-' + index} item xs={12} sm={6} md={4} lg={3} className={classes.card}>
             <ProjectCard project={project} classes={classes}/>
           </Grid>);
         })}
+        <Grid item xs={12} sm={6} md={4} lg={3} className="project-list-item">
+          <Card className={classes.card}>
+            <CardActionArea href="/#/create-project/" style={{height: 460}}>
+              <p className={classes['new-project-img']}><img alt="new project" src={newProjectImage}/></p>
+              <Typography align="center" className={classes['card-content']}>Add your own project</Typography>
+            </CardActionArea>
+          </Card>
+        </Grid>
       </Grid>
     </Fragment>
     }
diff --git a/src/images/new-project.png b/src/images/new-project.png
new file mode 100644
index 0000000000000000000000000000000000000000..1e2e8dbf47796c4989e7838e91bc526d163c94c0
GIT binary patch
literal 2871
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
Vk*)2IDpCLd002ovPDHLkV1l)PWn2IN

literal 0
HcmV?d00001