80 lines
2.4 KiB
React
Raw Normal View History

import React from 'react'
2018-01-01 11:10:39 +01:00
import { Helmet } from 'react-helmet'
export default function Form (props) {
return (
<div>
2018-01-01 11:10:39 +01:00
<Helmet>
<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"
name="username"
2017-12-25 20:11:10 +01:00
placeholder="Enter a username"
required
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"
name="email"
2018-01-01 11:10:39 +01:00
placeholder="Enter an email address"
required
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"
name="password"
2017-12-25 20:11:10 +01:00
placeholder="Enter a password"
required
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-06-12 11:47:01 +02:00
name="password_conf"
2018-01-01 16:59:46 +01:00
placeholder="Enter the password confirmation"
2018-01-01 11:10:39 +01:00
required
type="password"
2018-06-12 11:47:01 +02:00
value={props.userForm.password_conf}
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>
</div>
2017-12-25 20:11:10 +01:00
<div className="col-md-3" />
</div>
</div>
</div>
)
}