FEA_12_TRIATHLON/src/components/registration-form/RegistrationForm.js

import React from 'react'
import { Field, reduxForm } from 'redux-form';

import './registrationForm.scss';

let RegistrationForm = props => {
    const { handleSubmit, postCheckInSubmit } = props;

    const submit = value => {
        console.log(value);        
        postCheckInSubmit(value);
    };

    return (
        <form className="form" onSubmit={handleSubmit(submit)}>
            <div>
                <label htmlFor="name">Full name</label>
                <Field name="name" component="input" type="text" id="name"/>
            </div>
            <div>
                <label htmlFor="male">male</label>
                <Field name="sex" component="input" type="radio" id="male" value="male" checked="checked"/>

                <label htmlFor="female">female</label>
                <Field name="sex" component="input" type="radio" id="female" value="female"/>
            </div>
            <div>
                <label htmlFor="phone">Phone</label>
                <Field name="phone" component="input" type="phone" id="phone"/>
            </div>
            <div>
                <label htmlFor="email">E-mail</label>
                <Field name="email" component="input" type="email" id="email"/>
            </div>
            <div>
                <label htmlFor="password">Password</label>
                <Field name="password" component="input" type="text" id="password"/>
            </div>
            <div>
                <label htmlFor="confirmPassword">Confirm Password</label>
                <Field name="confirmPassword" component="input" type="text" id="confirmPassword"/>
            </div>
            
            <button type="submit">Check in</button>
        </form>
        )
};

RegistrationForm = reduxForm({
    form: 'registration'
})(RegistrationForm)

export default RegistrationForm