alpinesmuseum-public/assets/js/components/ContribView/CVPersonalInfosInputs.js

82 lines
1.9 KiB
JavaScript

import React from 'react';
import reduxLang from '../../middleware/lang';
const CVPersonalInfosInputs = ({ onPersonalInfosChange, t }) => (
<div className='CVPersonalInfosInputs'>
<div className='CVForm'>
<label className='small-text'>{t('first_name')}</label>
<input
type='text'
name='last_name'
className='medium-text'
onChange={onPersonalInfosChange}
/>
</div>
<div className='CVForm'>
<label className='small-text'>{t('last_name')}</label>
<input
type='text'
name='first_name'
className='medium-text'
onChange={onPersonalInfosChange}
/>
</div>
<div className='CVForm'>
<label className='small-text'>{t('birth_year')}</label>
<input
type='text'
name='birth_year'
className='medium-text'
onChange={onPersonalInfosChange}
/>
</div>
<div className='CVForm'>
<label className='small-text'>{t('address')}</label>
<input
type='text'
name='address'
className='medium-text'
onChange={onPersonalInfosChange}
/>
</div>
<div className='CVForm'>
<label className='small-text'>{t('post_code')}</label>
<input
type='text'
name='post_code'
className='medium-text'
onChange={onPersonalInfosChange}
/>
</div>
<div className='CVForm'>
<label className='small-text'>{t('city')}</label>
<input
type='text'
name='city'
className='medium-text'
onChange={onPersonalInfosChange}
/>
</div>
<div className='CVForm'>
<label className='small-text'>{t('phone')}</label>
<input
type='tel'
name='phone'
className='medium-text'
onChange={onPersonalInfosChange}
/>
</div>
<div className='CVForm'>
<label className='small-text'>{t('mail')}</label>
<input
type='email'
name='mail'
className='medium-text'
onChange={onPersonalInfosChange}
/>
</div>
</div>
);
export default reduxLang('ContribView')(CVPersonalInfosInputs);