From 9f7db83d1d5da66bb9b76ce6bd5c726c4fe33da7 Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Mon, 1 Apr 2019 13:48:53 -0400
Subject: [PATCH] add initial create project page and route

---
 app/components/MainCointainer.jsx         |  2 +
 app/components/projects/BackProject.jsx   |  1 -
 app/components/projects/CreateProject.jsx | 51 +++++++++++++++++++++++
 3 files changed, 53 insertions(+), 1 deletion(-)
 create mode 100644 app/components/projects/CreateProject.jsx

diff --git a/app/components/MainCointainer.jsx b/app/components/MainCointainer.jsx
index 3afe20b..e09c4be 100644
--- a/app/components/MainCointainer.jsx
+++ b/app/components/MainCointainer.jsx
@@ -25,6 +25,7 @@ import TransferGraph from './TransfersGraph'
 import Dashboard from './Dashboard'
 import Project from './projects/Project'
 import BackProject from './projects/BackProject'
+import CreateProject from './projects/CreateProject'
 
 const drawerWidth = 240
 
@@ -201,6 +202,7 @@ class PersistentDrawerLeft extends React.Component {
               <Route path="/funds-management" render={() => <FundsManagement open={open} />} />
               <Route path="/insights" component={TransferGraph} />
               <Route path="/project/:id" component={Project} />
+              <Route path="/create-project/" component={CreateProject} />
               <Route path="/back-project/:id" component={BackProject} />
             </Switch>
             {this.props.children}
diff --git a/app/components/projects/BackProject.jsx b/app/components/projects/BackProject.jsx
index 01cc46f..2b2eae4 100644
--- a/app/components/projects/BackProject.jsx
+++ b/app/components/projects/BackProject.jsx
@@ -185,7 +185,6 @@ function BackProject({classes, match, profile, delegates, projectAddedEvents, de
   )
 }
 
-//TODO get all pledges for a delegate profile
 const StyledProject = withStyles(styles)(BackProject)
 export default withDatabase(withObservables([], ({ database, match }) => ({
   profile: database.collections.get('profiles').query(
diff --git a/app/components/projects/CreateProject.jsx b/app/components/projects/CreateProject.jsx
new file mode 100644
index 0000000..eef85e8
--- /dev/null
+++ b/app/components/projects/CreateProject.jsx
@@ -0,0 +1,51 @@
+import React from 'react'
+import Divider from '@material-ui/core/Divider'
+import { withStyles } from '@material-ui/core/styles'
+
+const styles = theme => ({
+  root: {
+    display: 'grid',
+    gridTemplateColumns: 'repeat(12, [col] 1fr)',
+    gridTemplateRows: 'repeat(5, [row] auto)',
+    gridColumnGap: '1em',
+    gridRowGap: '36px',
+    fontFamily: theme.typography.fontFamily,
+    [theme.breakpoints.up('sm')]: {
+      margin: '1.75rem 4.5rem'
+    }
+  },
+  title: {
+    display: 'grid',
+    fontSize: '2.5rem',
+    gridColumnStart: '1',
+    gridColumnEnd: '13',
+    gridRowStart: '1',
+    gridRowEnd: '6',
+    textAlign: 'center'
+  },
+  submissionRoot: {
+    gridColumnStart: '1',
+    gridColumnEnd: '13'
+  },
+  textField: {
+    width: '100%'
+  }
+})
+
+const Title = ({ className }) => (
+  <div className={className}>
+    <div style={{ alignSelf: 'center' }}>Create Project</div>
+    <Divider />
+  </div>
+)
+
+function CreateProject({ classes }) {
+  return (
+    <div className={classes.root}>
+      <Title className={classes.title} />
+    </div>
+  )
+}
+
+const StyledProject = withStyles(styles)(CreateProject)
+export default StyledProject