Feature/#154902252 - Mary sees the list of tech when she tries to create a project (#164)

* feature(client): CreateProjectForm tech list

* chore(client): fix typo

Author: timdavish

client/components/CreateProjectForm/CreateProjectForm.js

@@ -22,15 +22,24 @@ const causes = [
   'Other'
 ]
 
+const technologies = [
+  'JavaScript',
+  'Ruby',
+  'Java',
+  'Python',
+  'PHP',
+  'C++',
+  'Other'
+]
+
 class CreateProjectForm extends Component {
   constructor (props, context) {
     super(props, context)
     this.createProject = this.createProject.bind(this)
     this.saveFile = this.saveFile.bind(this)
     this.projectNameChange = this.projectNameChange.bind(this)
     this.handleCheckbox = this.handleCheckbox.bind(this)
-    this.renderCauses = this.renderCauses.bind(this)
-
+    this.renderList = this.renderList.bind(this)
     this.state = {
       error: '',
       projectName: '',
@@ -64,12 +73,12 @@ class CreateProjectForm extends Component {
     })
   }
 
-  renderCauses () {
-    return causes.map((cause, index) => {
+  renderList (items) {
+    return items.map((item, index) => {
       return (
         <FormControlLabel key={index}
-          control={ <Checkbox value={cause} onChange={this.handleCheckbox} /> }
-          label={cause}
+          control={ <Checkbox value={item} onChange={this.handleCheckbox} /> }
+          label={item}
         />
       )
     })
@@ -91,7 +100,12 @@ class CreateProjectForm extends Component {
 
         <FormLabel>Causes</FormLabel>
         <FormGroup row>
-          {this.renderCauses()}
+          {this.renderList(causes)}
+        </FormGroup>
+
+        <FormLabel>Technologies</FormLabel>
+        <FormGroup row>
+          {this.renderList(technologies)}
         </FormGroup>
 
         <Button type="submit" disabled={this.state.projectName.length === 0} raised className={classes.root} color="primary" fullWidth>

client/components/CreateProjectForm/CreateProjectForm.scss

@@ -26,5 +26,5 @@
 .buttonSubmit {
   @extend %buttonSubmit;
   grid-column: 1 / 1;
-  grid-row: 6;
+  grid-row: 8;
 }

client/components/CreateProjectForm/createProjectFormJss.js

@@ -4,6 +4,6 @@ export const buttonSubmit = {
   root: {
     ...button.root,
     gridColumn: '1 / 1',
-    gridRow: 6
+    gridRow: 8
   }
 }