content: import React, { Component } from 'react';
  
  import PropTypes from 'prop-types';
  
  export default class AddFindings extends Component {
  
  	constructor(props) {
  		super(props);
  
  		this.state = {
  			type: null,
  			content: ''
  		}
  	}
  
  
  	handleSelectChange(e) {
  		this.setState({ type: parseInt(e.target.value) })
  	}
  
  	handleTextChange(e) {
  		this.setState({ content: e.target.value })
  	}
  
  	handleFormSubmit(e) {
  		e.preventDefault();
  		this.props.onFormSubmit(this.state, 1);
  		this.props.handleScoreHideShow();
  		this.setState({
  			type: '',
  			content: ''
  		})
  	}
  	
  
  	render() {
  
  		return (
  			<div>
  				<form className="form-group" onSubmit={this.handleFormSubmit.bind(this)}>
  					<select value={this.state.type} required className="form-control custom-select col-sm-5" onChange={this.handleSelectChange.bind(this)}>
  				      <option value="">-- Findings --</option>
  				      <option value="0">Passed</option>
  				      <option value="2">Minor</option>
  				      <option value="4">Average</option>
  				      <option value="8">Major - Non-blocking</option>
  				      <option value="10">Major - Blocking</option>
  				    </select>
  
  
  					<textarea required className="form-control" rows={3} value={this.state.content} onChange={this.handleTextChange.bind(this)}></textarea>
  
  					<button type="submit" className="btn btn-primary"><i className="fa floppy-o"></i>Enter</button>
  					<button type="reset" className="btn btn-default">Cancel</button>
  					
  				</form>
  			    
  				
  				
  
  			</div>
  		)
  
  	}
  }
  
  