{"size": 1769, "ext": "js", "max_stars_repo_path": "half-lajf-app/src/components/auth/SignIn.js", "max_stars_repo_name": "halflajf/HalfLajf", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "half-lajf-app/src/components/auth/SignIn.js", "max_issues_repo_name": "halflajf/HalfLajf", "max_issues_repo_issues_event_min_datetime": "2019-03-27T16:21:33.000Z", "max_issues_repo_issues_event_max_datetime": "2019-05-28T20:22:52.000Z", "max_forks_repo_path": "half-lajf-app/src/components/auth/SignIn.js", "max_forks_repo_name": "halflajf/HalfLajf", "max_forks_repo_forks_event_min_datetime": "2019-03-28T01:32:15.000Z", "max_forks_repo_forks_event_max_datetime": "2019-03-28T01:32:15.000Z"}
{"max_stars_count": null, "max_issues_count": 9, "max_forks_count": 1, "avg_line_length": 33.3773584906, "max_line_length": 144, "alphanum_fraction": 0.5426794799}
import React, { Component } from 'react'

class SignIn extends Component {
  state = {
    email: '',
    password: ''
  }
  handleChange = (e) => {
    this.setState({
      [e.target.id]: e.target.value
    })
  }
  handleSubmit = (e) => {
    e.preventDefault();
    console.log(this.state);
  }
  render() {
    return (
      <div className="container">
        <form onSubmit={this.handleSubmit} className="white">
          <h5 className="black-text">Sign In With Email</h5>
            <div className="input-field">
              <i className="material-icons prefix">mail_outline</i>
              <input type="email" id="email" onChange={this.handleChange}/>
              <label htmlFor="email">Email</label>
            </div>
            <div className="input-field">
              <i className="material-icons prefix">lock_outline</i>
              <input type="password" id="password" onChange={this.handleChange}/>
              <label htmlFor="password">Password</label>
            </div>
            <div className="input-field">
              <button className="btn orange darken-2 z-depth-1">Login</button>
            </div>
        </form>
        <div className="container">
          <h6 className="black-text center">Or Sign In With Social Media:</h6>
          <header className="center">
            <a href="#">
              <img src={require('../../resources/iconfinderGoogle.png')} alt="Google login" style={{width: 48, height: 48, marginRight: 8}}/>
            </a>
            <a href="#">
              <img src={require('../../resources/iconfinderFacebook.png')} alt="Facebook login" style={{width: 48, height: 48, marginLeft: 8}}/>
            </a>
          </header>
        </div>
      </div>
    )
  }
}

export default SignIn
