Use Button component in hero section

This commit is contained in:
Kimmo Puputti 2017-06-16 13:39:40 +03:00
parent 6ace6793e5
commit f095761e81
2 changed files with 4 additions and 4 deletions

View file

@ -1,7 +1,7 @@
import React, { PropTypes } from 'react';
import { FormattedMessage } from 'react-intl';
import classNames from 'classnames';
import { SearchIcon } from '../../components';
import { SearchIcon, Button } from '../../components';
import { LocationSearchForm } from '../../containers';
import { stringify } from '../../util/urlHelpers';
import { createResourceLocatorString } from '../../util/routes';
@ -35,10 +35,10 @@ const HeroSection = props => {
<p className={css.heroSubTitle}>
<FormattedMessage id="HeroSection.subTitle" />
</p>
<button className={css.mobileSearchButton} onClick={handleMobileSearchClick}>
<Button className={css.mobileSearchButton} onClick={handleMobileSearchClick}>
<SearchIcon rootClassName={css.searchIcon} />
<FormattedMessage id="HeroSection.mobileSearchButtonText" />
</button>
</Button>
<LocationSearchForm className={css.desktopSearchForm} onSubmit={handleSearchSubmit} />
</div>
);

View file

@ -14,7 +14,7 @@ exports[`HeroSection matches snapshot 1`] = `
</span>
</p>
<button
className={undefined}
className=""
onClick={[Function]}>
<svg
className=""