2017-12-25 17:45:28 +01:00
|
|
|
import React from 'react'
|
2018-01-01 11:10:39 +01:00
|
|
|
import { Helmet } from 'react-helmet'
|
2017-12-25 17:45:28 +01:00
|
|
|
|
|
|
|
export default function Form (props) {
|
|
|
|
return (
|
|
|
|
<div>
|
2018-01-01 11:10:39 +01:00
|
|
|
<Helmet>
|
2018-06-07 14:45:43 +02:00
|
|
|
<title>FitTrackee - {props.formType}</title>
|
2018-01-01 11:10:39 +01:00
|
|
|
</Helmet>
|
|
|
|
<h1 className="page-title">{props.formType}</h1>
|
2017-12-25 20:11:10 +01:00
|
|
|
<div className="container">
|
|
|
|
<div className="row">
|
|
|
|
<div className="col-md-3" />
|
|
|
|
<div className="col-md-6">
|
|
|
|
<hr /><br />
|
|
|
|
<form onSubmit={event =>
|
|
|
|
props.handleUserFormSubmit(event, props.formType)}
|
|
|
|
>
|
2018-01-01 11:10:39 +01:00
|
|
|
{props.formType === 'Register' &&
|
2017-12-25 20:11:10 +01:00
|
|
|
<div className="form-group">
|
|
|
|
<input
|
|
|
|
className="form-control input-lg"
|
2018-01-14 19:56:04 +01:00
|
|
|
name="username"
|
2017-12-25 20:11:10 +01:00
|
|
|
placeholder="Enter a username"
|
|
|
|
required
|
2018-01-14 19:56:04 +01:00
|
|
|
type="text"
|
|
|
|
value={props.userForm.username}
|
2017-12-25 20:11:10 +01:00
|
|
|
onChange={props.onHandleFormChange}
|
|
|
|
/>
|
|
|
|
</div>
|
2018-01-01 11:10:39 +01:00
|
|
|
}
|
|
|
|
<div className="form-group">
|
|
|
|
<input
|
|
|
|
className="form-control input-lg"
|
2018-01-14 19:56:04 +01:00
|
|
|
name="email"
|
2018-01-01 11:10:39 +01:00
|
|
|
placeholder="Enter an email address"
|
|
|
|
required
|
2018-01-14 19:56:04 +01:00
|
|
|
type="email"
|
|
|
|
value={props.userForm.email}
|
2018-01-01 11:10:39 +01:00
|
|
|
onChange={props.onHandleFormChange}
|
|
|
|
/>
|
2017-12-25 20:11:10 +01:00
|
|
|
</div>
|
|
|
|
<div className="form-group">
|
|
|
|
<input
|
|
|
|
className="form-control input-lg"
|
2018-01-14 19:56:04 +01:00
|
|
|
name="password"
|
2017-12-25 20:11:10 +01:00
|
|
|
placeholder="Enter a password"
|
|
|
|
required
|
2018-01-14 19:56:04 +01:00
|
|
|
type="password"
|
|
|
|
value={props.userForm.password}
|
2017-12-25 20:11:10 +01:00
|
|
|
onChange={props.onHandleFormChange}
|
|
|
|
/>
|
|
|
|
</div>
|
2018-01-01 11:10:39 +01:00
|
|
|
{props.formType === 'Register' &&
|
|
|
|
<div className="form-group">
|
|
|
|
<input
|
|
|
|
className="form-control input-lg"
|
2018-01-14 19:56:04 +01:00
|
|
|
name="passwordConf"
|
2018-01-01 16:59:46 +01:00
|
|
|
placeholder="Enter the password confirmation"
|
2018-01-01 11:10:39 +01:00
|
|
|
required
|
2018-01-14 19:56:04 +01:00
|
|
|
type="password"
|
|
|
|
value={props.userForm.passwordConf}
|
2018-01-01 11:10:39 +01:00
|
|
|
onChange={props.onHandleFormChange}
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
}
|
2017-12-25 20:11:10 +01:00
|
|
|
<input
|
|
|
|
type="submit"
|
|
|
|
className="btn btn-primary btn-lg btn-block"
|
|
|
|
value="Submit"
|
|
|
|
/>
|
|
|
|
</form>
|
2017-12-25 17:45:28 +01:00
|
|
|
</div>
|
2017-12-25 20:11:10 +01:00
|
|
|
<div className="col-md-3" />
|
|
|
|
</div>
|
|
|
|
</div>
|
2017-12-25 17:45:28 +01:00
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|