|
@@ -16,8 +16,10 @@ let RegistrationForm = props => {
|
|
|
|
|
|
return (
|
|
|
<form className="form" onSubmit={handleSubmit(submit)}>
|
|
|
- <Field name="name" component={customInput} type="text" id="name" label="Full name"/>
|
|
|
- <div className="reg-radio">
|
|
|
+ <div className="form-item">
|
|
|
+ <Field name="name" component={customInput} type="text" id="name" label="Full name" />
|
|
|
+ </div>
|
|
|
+ <div className="reg-radio form-item">
|
|
|
<div className="radio-label">
|
|
|
<Field name="sex" component="input" type="radio" id="male" value="male" hidden/>
|
|
|
<label htmlFor="male">male</label>
|
|
@@ -28,12 +30,21 @@ let RegistrationForm = props => {
|
|
|
<label htmlFor="female">female</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <Field name="phone" component={customInput} type="phone" id="phone" label="Phone"/>
|
|
|
- <Field name="email" component={customInput} type="email" id="email" label="E-mail"/>
|
|
|
- <Field name="password" component={customInput} type="password" id="password" label="Password"/>
|
|
|
- <Field name="confirmPassword" component={customInput} type="password" id="confirmPassword" label="Confirm Password"/>
|
|
|
-
|
|
|
- <button type="submit" className="btn">Check in</button>
|
|
|
+ <div className="form-item">
|
|
|
+ <Field name="phone" component={customInput} type="phone" id="phone" label="Phone" />
|
|
|
+ </div>
|
|
|
+ <div className="form-item">
|
|
|
+ <Field name="email" component={customInput} type="email" id="email" label="E-mail" />
|
|
|
+ </div>
|
|
|
+ <div className="form-item password">
|
|
|
+ <Field name="password" component={customInput} type="password" id="password" label="Password" />
|
|
|
+ </div>
|
|
|
+ <div className="form-item password">
|
|
|
+ <Field name="confirmPassword" component={customInput} type="password" id="confirmPassword" label="Confirm Password" />
|
|
|
+ </div>
|
|
|
+ <div className="btn-group">
|
|
|
+ <button type="submit" className="btn">Check in</button>
|
|
|
+ </div>
|
|
|
</form>
|
|
|
)
|
|
|
};
|