From dc955d838154c095eae68b80aee2bee38180ade0 Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Thu, 1 Aug 2019 11:06:47 -0400
Subject: [PATCH] add title and sub title to FundProject page

---
 src/components/projects/FundProject.jsx | 41 ++++++++++---------------
 1 file changed, 17 insertions(+), 24 deletions(-)

diff --git a/src/components/projects/FundProject.jsx b/src/components/projects/FundProject.jsx
index d54e08c..078b5f5 100644
--- a/src/components/projects/FundProject.jsx
+++ b/src/components/projects/FundProject.jsx
@@ -6,6 +6,7 @@ import LiquidPledging from '../../embarkArtifacts/contracts/LiquidPledging'
 import FormControlLabel from '@material-ui/core/FormControlLabel'
 import Switch from '@material-ui/core/Switch'
 import Button from '@material-ui/core/Button'
+import Typography from '@material-ui/core/Typography'
 import InputAdornment from '@material-ui/core/InputAdornment'
 import { withStyles } from '@material-ui/core/styles'
 import withObservables from '@nozbe/with-observables'
@@ -56,6 +57,16 @@ const styles = theme => ({
     gridRowEnd: '6',
     textAlign: 'center'
   },
+  projectTitle:{
+    fontSize: '28px',
+    gridColumnStart: 1,
+    gridColumnEnd: 12
+  },
+  projectSubTitle:{
+    fontSize: '15px',
+    gridColumnStart: 1,
+    gridColumnEnd: 12
+  },
   submissionRoot: {
     display: 'grid',
     gridTemplateColumns: 'repeat(12, [col] 1fr)',
@@ -255,30 +266,12 @@ const SubmissionSection = ({ classes, history, projectData, projectId, pledges }
               <div className={classnames(classes.breadCrumb, fullWidth)}>
                 {'All projects > title here'}
               </div>
-              <StatusTextField
-                className={fullWidth}
-                isRequired={true}
-                idFor="Project Name"
-                name="title"
-                label="Project Name"
-                bottomRightLabel="Max 20"
-                placeholder="Project Name"
-                onChange={handleChange}
-                onBlur={handleBlur}
-                value={values.title || ''}
-              />
-              <StatusTextField
-                className={fullWidth}
-                idFor="Short Description"
-                name="subtitle"
-                label="Short Description"
-                bottomRightLabel="Max 120"
-                placeholder="Short Description"
-                onChange={handleChange}
-                onBlur={handleBlur}
-                value={values.subtitle || ''}
-                multiline={true}
-              />
+              <Typography className={classes.projectTitle} component="h2" gutterBottom>
+                {manifest && manifest.title}
+              </Typography>
+              <Typography className={classes.projectSubTitle} component="h2" gutterBottom>
+                {manifest && manifest.subtitle}
+              </Typography>
               <StatusTextField
                 className={fullWidth}
                 isRequired={true}