{"size": 2716, "ext": "js", "max_stars_repo_path": "app/javascript/signature/components/SignatureForm.js", "max_stars_repo_name": "allenzhong/SignatureGenerator", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "app/javascript/signature/components/SignatureForm.js", "max_issues_repo_name": "allenzhong/SignatureGenerator", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "app/javascript/signature/components/SignatureForm.js", "max_forks_repo_name": "allenzhong/SignatureGenerator", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 44.5245901639, "max_line_length": 130, "alphanum_fraction": 0.5625920471}
import React, { Component } from 'react';

export default class SignatureForm extends Component {
  render() {
    let { signature }= this.props;
    return(
      <div className='form'>
        <form>
          <div className="form-group">
            <label>Name</label>
            <input type='text' name='name' value={signature.name || ""} onChange={this.props.onChangeInput}></input>
          </div>
          <div className="form-group">
            <label>Position</label>
            <input type='text' name='position' value={signature.position || ""} onChange={this.props.onChangeInput}></input>
          </div>
          <div className="form-group">
            <label>Telephone</label>
            <input type='text' name='telephone' value={signature.telephone || ""} onChange={this.props.onChangeInput}></input>
          </div>
          <div className="form-group">
            <label>Email</label>
            <input type='text' name='email' value={signature.email || ""} onChange={this.props.onChangeInput}></input>
          </div>
          <div className="form-group">
            <label>Street</label>
            <input type='text' name='street' value={signature.street || ""} onChange={this.props.onChangeInput}></input>
          </div>
          <div className="form-group">
            <label>City</label>
            <input type='text' name='city' value={signature.city || ""} onChange={this.props.onChangeInput}></input>
          </div>
          <div className="form-group">
            <label>Postcode</label>
            <input type='text' name='postcode' value={signature.postcode || ""} onChange={this.props.onChangeInput}></input>
          </div>
          <div className="form-group">
            <label>Country</label>
            <input type='text' name='country' value={signature.country || ""} onChange={this.props.onChangeInput}></input>
          </div>
          <div className="form-group">
            <label>Website</label>
            <input type='text' name='website' value={signature.website || ""} onChange={this.props.onChangeInput}></input>
          </div>
          <div className="form-group">
            <label>Banner</label>
            <input type='text' name='banner' value={signature.banner || ""} onChange={this.props.onChangeInput}></input>
          </div>
          <div className="form-group">
            <label>Banner Link</label>
            <input type='text' name='banner_link' value={signature.banner_link || ""} onChange={this.props.onChangeInput}></input>
          </div>
          <div className="form-group">
            <button onClick={this.props.handleSubmit}>Save</button>
          </div>
        </form>
      </div>
    );
  }
}
