From 5555b3ba1d1b9ef5b39572eabc233e2c5be9c192 Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Fri, 23 Aug 2019 12:43:53 -0400
Subject: [PATCH] make description clickable link

---
 src/components/projects/ListProjects.jsx       | 7 +++++--
 src/components/projects/styles/ListProjects.js | 3 ++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/projects/ListProjects.jsx b/src/components/projects/ListProjects.jsx
index 99dc05b..135d4b3 100644
--- a/src/components/projects/ListProjects.jsx
+++ b/src/components/projects/ListProjects.jsx
@@ -72,14 +72,17 @@ function ListProjects({ classes }) {
         const cellStyling = isOdd(i) ? classnames(cellText) : classnames(cellText, classes.cellColor)
         const spaceClass = isOdd(i) ? nameSpacer : classnames(nameSpacer, cellColor)
         const creationDate = getDateFromTimestamp(creationTime)
+        const profileUrl = `/fund-project/${profileId}`
         return (
           <Fragment key={id}>
             <Cell spacerClass={spaceClass} textClass={classnames(classes.headerName, cellStyling)} text={title} />
-            <Typography className={classnames(classes.headerDescription, cellStyling, classes.cellDescription)}>{subtitle}</Typography>
+            <Link to={profileUrl} className={classnames(classes.headerDescription, cellStyling, classes.cellDescription)}>
+              <Typography className={classes.px16}>{subtitle}</Typography>
+            </Link>
             <FundingDetail classes={classes} pledgesInfos={pledgesInfos} goal={goal} goalToken={goalToken} cellStyling={cellStyling} />
             <Typography className={classnames(classes.headerContact, cellStyling, classes.cellDescription)}>{creator}</Typography>
             <Typography className={classnames(classes.dateCreated, cellStyling, classes.cellDescription)}>{creationDate}</Typography>
-            <Link to={`/fund-project/${profileId}`} className={classnames(classes.readMore, cellStyling)}>
+            <Link to={profileUrl} className={classnames(classes.readMore, cellStyling)}>
               <Typography className={classnames(classes.blue, classes.px15)}>Read more</Typography>
             </Link>
           </Fragment>
diff --git a/src/components/projects/styles/ListProjects.js b/src/components/projects/styles/ListProjects.js
index 0a3e0cb..ca8baa0 100644
--- a/src/components/projects/styles/ListProjects.js
+++ b/src/components/projects/styles/ListProjects.js
@@ -39,7 +39,8 @@ const styles = theme => ({
     textAlign: 'center'
   },
   cellDescription: {
-    fontSize: '1rem'
+    fontSize: '1rem',
+    textDecoration: 'none'
   },
   cellColor: {
     background: '#F5F7F8'