From 6a1eb882ddbbdcfa21516210af09ed468cff0f81 Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Fri, 8 Mar 2019 16:56:19 -0500
Subject: [PATCH] display available profiles in back project

---
 app/components/projects/BackProject.jsx | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/app/components/projects/BackProject.jsx b/app/components/projects/BackProject.jsx
index 1130cea..0483037 100644
--- a/app/components/projects/BackProject.jsx
+++ b/app/components/projects/BackProject.jsx
@@ -17,8 +17,10 @@ const styles = theme => ({
     gridTemplateRows: 'repeat(5, [row] auto)',
     gridColumnGap: '1em',
     gridRowGap: '36px',
-    margin: '1.75rem 4.5rem',
-    fontFamily: theme.typography.fontFamily
+    fontFamily: theme.typography.fontFamily,
+    [theme.breakpoints.up('sm')]: {
+      margin: '1.75rem 4.5rem'
+    }
   },
   title: {
     display: 'grid',
@@ -46,7 +48,7 @@ const Title = ({ className, manifest }) => (
   </div>
 )
 
-const SubmissionSection = ({ classes }) => (
+const SubmissionSection = ({ classes, profiles }) => (
   <Formik
     initialValues={{ delegateProfile: ''}}
     onSubmit={console.log}
@@ -74,8 +76,14 @@ const SubmissionSection = ({ classes }) => (
           variant="outlined"
           onChange={handleChange}
           onBlur={handleBlur}
-          value={values.adminType || ''}
-        />
+          value={values.delegateProfile || ''}
+        >
+          {profiles && profiles.map(profile => (
+            <MenuItem style={{ display: 'flex', alignItems: 'center' }} key={profile.name} value={profile.name}>
+              {profile.name}
+            </MenuItem>
+          ))}
+        </TextField>
       </form>
     )}
   </Formik>
@@ -88,7 +96,7 @@ function BackProject({classes, match, profile, projectAddedEvents}) {
   return (
     <div className={classes.root}>
       <Title className={classes.title} manifest={manifest} />
-      <SubmissionSection classes={classes}/>
+      <SubmissionSection classes={classes} profiles={delegateProfiles} />
     </div>
   )
 }