{"size": 4110, "ext": "js", "max_stars_repo_path": "src/EditUser/index.js", "max_stars_repo_name": "timmalstead/Night_in_front_end", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/EditUser/index.js", "max_issues_repo_name": "timmalstead/Night_in_front_end", "max_issues_repo_issues_event_min_datetime": "2019-11-26T04:08:07.000Z", "max_issues_repo_issues_event_max_datetime": "2021-05-10T19:53:38.000Z", "max_forks_repo_path": "src/EditUser/index.js", "max_forks_repo_name": "timmalstead/Night_in_front_end", "max_forks_repo_forks_event_min_datetime": "2019-11-19T20:21:40.000Z", "max_forks_repo_forks_event_max_datetime": "2019-11-20T18:12:07.000Z"}
{"max_stars_count": null, "max_issues_count": 3, "max_forks_count": 3, "avg_line_length": 54.0789473684, "max_line_length": 109, "alphanum_fraction": 0.5715328467}
import React from "react"

import { Modal, Form, Button, Label, Header } from "semantic-ui-react"

const EditUser = props => {
  return (
    <Modal open={props.showEditProfile}>
      <Modal.Content>
        <Header>Edit Profile</Header>
        <Form onSubmit={props.editUserInfo}>
          <Label>Username</Label>
          <Form.Input
            type="text"
            name="username"
            onChange={props.handleEditChange}
            value={props.userToEdit.username}
          />
          <Label>E-mail</Label>
          <Form.Input
            type="text"
            name="email"
            onChange={props.handleEditChange}
            value={props.userToEdit.email}
          />
          <Button type="submit">Edit User</Button>

          {/* Food

                    <input type="checkbox" name="beef" value={props.foodPref.beef}></input>
                    <input type="checkbox" name="breakfast" value={props.foodPref.breakfast}></input>
                    <input type="checkbox" name="chicken" value={props.foodPref.chicken}></input>
                    <input type="checkbox" name="dessert" value={props.foodPref.dessert}></input>
                    <input type="checkbox" name="goat" value={props.foodPref.goat}></input>
                    <input type="checkbox" name="lamb" value={props.foodPref.lamb}></input>
                    <input type="checkbox" name="miscellaneous" value={props.foodPref.miscellaneous}></input>
                    <input type="checkbox" name="pasta" value={props.foodPref.pasta}></input>
                    <input type="checkbox" name="pork" value={props.foodPref.pork}></input>
                    <input type="checkbox" name="seafood" value={props.foodPref.seafood}></input>
                    <input type="checkbox" name="side" value={props.foodPref.pork}></input>
                    <input type="checkbox" name="starter" value={props.foodPref.pork}></input>
                    <input type="checkbox" name="vegan" value={props.foodPref.pork}></input>
                    <input type="checkbox" name="vegetarian" value={props.foodPref.pork}></input>

                    {/* Movies */}

          {/* <input type="checkbox" name="horror" value={props.moviePref.horror}></input>
                    <input type="checkbox" name="comedy" value={props.moviePref.comedy}></input>
                    <input type="checkbox" name="romance" value={props.moviePref.romance}></input>
                    <input type="checkbox" name="animation" value={props.moviePref.animation}></input>
                    <input type="checkbox" name="drama" value={props.moviePref.drama}></input>
                    <input type="checkbox" name="sci_fi" value={props.moviePref.sci_fi}></input>
                    <input type="checkbox" name="crime" value={props.moviePref.crime}></input>
                    <input type="checkbox" name="mystery" value={props.moviePref.mystery}></input>
                    <input type="checkbox" name="adventure" value={props.moviePref.adventure}></input>
                    <input type="checkbox" name="thriller" value={props.moviePref.thriller}></input>
                    <input type="checkbox" name="fantasy" value={props.moviePref.fantasy}></input>
                    <input type="checkbox" name="musical" value={props.moviePref.musical}></input>
                    <input type="checkbox" name="silent" value={props.moviePref.silent}></input>
                    <input type="checkbox" name="western" value={props.moviePref.western}></input>
                    <input type="checkbox" name="war" value={props.moviePref.war}></input>
                    <input type="checkbox" name="action" value={props.moviePref.action}></input>
                    <input type="checkbox" name="biography" value={props.moviePref.biography}></input> */}
          <Button type="button" onClick={props.deleteUser}>
            Delete
          </Button>
          <Button type="button" onClick={props.universalClose}>
            Close
          </Button>
        </Form>
      </Modal.Content>
    </Modal>
  )
}

export default EditUser
