diff options
author | Noah Loomans <noahloomans@gmail.com> | 2017-12-14 12:32:07 +0100 |
---|---|---|
committer | Noah Loomans <noahloomans@gmail.com> | 2017-12-14 12:32:07 +0100 |
commit | 778dfdc728a101fca9ece3a14e590d3b8e1d43e1 (patch) | |
tree | a1be824bacb17fc5cdc2e3e155d46db770a96b28 /src/client/react/components/container/Results.jsx | |
parent | 503ab5c66ab524dfe36aed84a01899cd07ed2bc5 (diff) |
Use id's instead of user objects
Diffstat (limited to 'src/client/react/components/container/Results.jsx')
-rw-r--r-- | src/client/react/components/container/Results.jsx | 20 |
1 files changed, 8 insertions, 12 deletions
diff --git a/src/client/react/components/container/Results.jsx b/src/client/react/components/container/Results.jsx index 9be2639..911ea27 100644 --- a/src/client/react/components/container/Results.jsx +++ b/src/client/react/components/container/Results.jsx @@ -4,27 +4,22 @@ import { connect } from 'react-redux'; import classnames from 'classnames'; import Result from '../presentational/Result'; -const Results = (({ results, selectedResult }) => ( +const Results = (({ results, isExactMatch, selectedResult }) => ( <div className={classnames('search__results', { - 'search__results--has-results': results.length > 0, + 'search__results--has-results': !isExactMatch && results.length > 0, })} > - {results.map(user => ( - <Result key={user.value} user={user} selected={user === selectedResult} /> + {!isExactMatch && results.map(userId => ( + <Result key={userId} userId={userId} isSelected={userId === selectedResult} /> ))} </div> )); Results.propTypes = { - results: PropTypes.arrayOf(PropTypes.shape({ - type: PropTypes.string, - value: PropTypes.string, - })).isRequired, - selectedResult: PropTypes.shape({ - type: PropTypes.string, - value: PropTypes.string, - }), + results: PropTypes.arrayOf(PropTypes.string).isRequired, + isExactMatch: PropTypes.bool.isRequired, + selectedResult: PropTypes.string, }; Results.defaultProps = { @@ -33,6 +28,7 @@ Results.defaultProps = { const mapStateToProps = state => ({ results: state.search.results, + isExactMatch: state.search.isExactMatch, selectedResult: state.search.selectedResult, }); |