aboutsummaryrefslogtreecommitdiff
path: root/src/client/react/components/presentational
diff options
context:
space:
mode:
authorNoah Loomans <noahloomans@gmail.com>2017-12-11 19:43:23 +0100
committerNoah Loomans <noahloomans@gmail.com>2017-12-11 19:43:23 +0100
commit00d4e5241e220f8f1df4f3d5b796bc70d5fcd3fe (patch)
tree0cc0a4e628944d96c7138ef8827a3cc128d7a50b /src/client/react/components/presentational
parent62fa943784167db5a22e386774e7408ff25924b4 (diff)
Move PresentationalSearch back to the container
Diffstat (limited to 'src/client/react/components/presentational')
-rw-r--r--src/client/react/components/presentational/Search.jsx61
1 files changed, 0 insertions, 61 deletions
diff --git a/src/client/react/components/presentational/Search.jsx b/src/client/react/components/presentational/Search.jsx
deleted file mode 100644
index 096cdf3..0000000
--- a/src/client/react/components/presentational/Search.jsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import SearchIcon from 'react-icons/lib/md/search';
-
-import IconFromUserType from './IconFromUserType';
-import Result from './Result';
-
-const userShape = {
- value: PropTypes.string.isRequired,
- type: PropTypes.string.isRequired,
-};
-
-const Search = ({
- onInputChange,
- onFocus,
- onBlur,
- hasFocus,
- value,
- results,
- exactMatch,
-}) => (
- <div className={classnames('search', { 'search--has-focus': hasFocus, 'search--has-results': results.length > 0 })}>
- <div className="search__input-wrapper">
- {/* Show the icon from the exact match if there is an exact match, otherwise show the search icon. */}
- <div className="search__icon-wrapper">
- <IconFromUserType
- userType={exactMatch ? exactMatch.type : null}
- default={<SearchIcon />}
- />
- </div>
- <input
- id="search__input"
- onChange={onInputChange}
- value={value}
- placeholder="Zoeken"
- onFocus={onFocus}
- onBlur={onBlur}
- />
- </div>
- {results.map(user => (
- <Result key={user.value} user={user} />
- ))}
- </div>
-);
-
-Search.propTypes = {
- onInputChange: PropTypes.func.isRequired,
- onFocus: PropTypes.func.isRequired,
- onBlur: PropTypes.func.isRequired,
- hasFocus: PropTypes.bool.isRequired,
- value: PropTypes.string.isRequired,
- results: PropTypes.arrayOf(PropTypes.shape(userShape)).isRequired,
- exactMatch: PropTypes.shape(userShape),
-};
-
-Search.defaultProps = {
- exactMatch: null,
-};
-
-export default Search;