diff options
author | Noah Loomans <noahloomans@gmail.com> | 2018-03-21 15:44:39 +0100 |
---|---|---|
committer | Noah Loomans <noahloomans@gmail.com> | 2018-03-21 15:44:39 +0100 |
commit | f60fc288ce606bb217d3912a09fff083f0a816e8 (patch) | |
tree | 5463914c1e5f913c0247aeb18c8ae58920da3891 /src/client/react/components/container/Search.js | |
parent | 777a75aa80f58566b43bba04db04a3d1cc23c66b (diff) |
Migrate Search styles
Diffstat (limited to 'src/client/react/components/container/Search.js')
-rw-r--r-- | src/client/react/components/container/Search.js | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/src/client/react/components/container/Search.js b/src/client/react/components/container/Search.js index c968957..edaf72c 100644 --- a/src/client/react/components/container/Search.js +++ b/src/client/react/components/container/Search.js @@ -33,6 +33,8 @@ import Menu from './Menu'; import Results from './Results'; import IconFromUserType from '../presentational/IconFromUserType'; +import styles from './Search.scss'; + class Search extends React.Component { static propTypes = { results: PropTypes.arrayOf(PropTypes.string).isRequired, @@ -143,10 +145,10 @@ class Search extends React.Component { searchText === users.byId[urlUser].value; return ( - <div className="search"> - <div className={classnames('search-overflow', { 'search--has-focus': hasFocus })}> - <div className="search__input-wrapper"> - <div className="search__icon-wrapper"> + <div className={styles.Search}> + <div className={classnames(styles.overflow, { [styles.hasFocus]: hasFocus })}> + <div className={styles.inputWrapper}> + <div className={styles.iconWrapper}> <IconFromUserType userType={isExactMatch ? users.byId[urlUser].type : null} defaultIcon={<SearchIcon />} |