From 9413459334552b334b6ed3d88e76d57a099f8bbd Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Wed, 21 Aug 2019 17:05:23 -0400
Subject: [PATCH] add create project text + link

---
 src/components/projects/ListProjects.jsx       |  9 ++++++---
 src/components/projects/styles/ListProjects.js | 17 ++++++++++++++++-
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/components/projects/ListProjects.jsx b/src/components/projects/ListProjects.jsx
index 751ab70..1184ed2 100644
--- a/src/components/projects/ListProjects.jsx
+++ b/src/components/projects/ListProjects.jsx
@@ -85,9 +85,12 @@ function ListProjects({ classes }) {
         )
       })}
       <Divider className={classes.divider} />
-      <Fab className={classes.fab}>
-        <AddIcon className={classes.addIcon}/>
-      </Fab>
+      <Link to={`/create-project`} className={classes.fabLink}>
+        <Fab className={classes.fab}>
+          <AddIcon className={classes.addIcon}/>
+        </Fab>
+        <Typography className={classes.fabText}>Add your own project</Typography>
+      </Link>
     </div>
   )
 }
diff --git a/src/components/projects/styles/ListProjects.js b/src/components/projects/styles/ListProjects.js
index b7812ae..cccdbcf 100644
--- a/src/components/projects/styles/ListProjects.js
+++ b/src/components/projects/styles/ListProjects.js
@@ -10,6 +10,9 @@ const styles = theme => ({
   px15: {
     fontSize: '0.9375rem'
   },
+  px16: {
+    fontSize: '1rem'
+  },
   main: {
     display: 'grid',
     gridTemplateColumns: 'repeat(48, [col] 1fr)',
@@ -51,7 +54,19 @@ const styles = theme => ({
   fab: {
     gridColumn: '3 / 5',
     background: '#EEF2F5',
-    boxShadow: 'none'
+    boxShadow: 'none',
+    marginRight: '1em'
+  },
+  fabText: {
+    fontWeight: 500,
+    fontSize: '1.2rem'
+  },
+  fabLink: {
+    display: 'flex',
+    alignItems: 'center',
+    textDecoration: 'none',
+    marginTop: '2rem',
+    gridColumn: '3 / 49'
   },
   tableTitle: {
     color: '#939BA1',