add title and sub title to FundProject page

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
+              <Typography className={classes.projectTitle} component="h2" gutterBottom>
-                className={fullWidth}
+                {manifest && manifest.title}
-                isRequired={true}
+              </Typography>
-                idFor="Project Name"
+              <Typography className={classes.projectSubTitle} component="h2" gutterBottom>
-                name="title"
+                {manifest && manifest.subtitle}
-                label="Project Name"
+              </Typography>
-                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}
-              />
               <StatusTextField
                 className={fullWidth}
                 isRequired={true}