ProjectForm.js 1.0 KB

1234567891011121314151617181920212223242526272829303132333435
  1. import styled from 'styled-components'
  2. import gql from 'graphql-tag'
  3. import { Query } from 'react-apollo'
  4. class ProjectForm extends React.Component {
  5. state = {
  6. name: '',
  7. abbreviation: '',
  8. description: '',
  9. }
  10. toState = event => {
  11. this.setState({ [event.target.name]: event.target.value })
  12. }
  13. render() {
  14. return (
  15. <form>
  16. <h1>Project Setup</h1>
  17. <p>Please fill in the form.</p>
  18. <fieldset id='project-generic'>
  19. <label htmlFor='project-name'>Project name</label>
  20. <input type='text' id='project-name' placeholder='Project name' />
  21. <label htmlFor='project-abbreviation'>Project abbreviation</label>
  22. <input type='text' id='project-abbreviation' placeholder='Project abbreviation' />
  23. <label htmlFor='project-description'>Project description</label>
  24. <textarea id='project-description' placeholder='Project description' />
  25. </fieldset>
  26. <button type='submit' onClick={this.saveForm}>Save</button>
  27. </form>
  28. )
  29. }
  30. }
  31. export default ProjectForm