import React, { Component } from 'react';
import CVBodyContainer from './CVBodyContainer';
import BurgerBtnContainer from '../AppMenu/BurgerBtnContainer';
import reduxLang from '../../middleware/lang';
import animateScrollTo from 'animated-scroll-to';

class ContribView extends Component {
	constructor() {
		super();
		animateScrollTo(document.getElementById('root'), { speed: 1 });
	}

	render() {
		const { t } = this.props;
		return (
			<div className='ContribView AppContent'>
				<BurgerBtnContainer />
				<div className='ContribViewContent '>
					<h1 className='big-text'>{t('we_search')}</h1>
					<div className='CVText'>
						<p
							className='medium-text'
							dangerouslySetInnerHTML={{ __html: t('intro_text') }}
						></p>
					</div>
					<CVBodyContainer />
				</div>
			</div>
		);
	}
}

export default reduxLang('ContribView')(ContribView);