diff options
Diffstat (limited to 'src/client/react')
-rw-r--r-- | src/client/react/components/container/Results.jsx | 21 |
1 files changed, 18 insertions, 3 deletions
diff --git a/src/client/react/components/container/Results.jsx b/src/client/react/components/container/Results.jsx index 04d1f84..1c38c8b 100644 --- a/src/client/react/components/container/Results.jsx +++ b/src/client/react/components/container/Results.jsx @@ -1,13 +1,28 @@ import React from 'react'; +import PropTypes from 'prop-types'; import { connect } from 'react-redux'; +import classnames from 'classnames'; import Result from '../presentational/Result'; const Results = (({ results }) => ( - results.map(user => ( - <Result key={user.value} user={user} /> - )) + <div + className={classnames('search__results', { + 'search__results--has-results': results.length > 0, + })} + > + {results.map(user => ( + <Result key={user.value} user={user} /> + ))} + </div> )); +Results.propTypes = { + results: PropTypes.arrayOf(PropTypes.shape({ + type: PropTypes.string, + value: PropTypes.value, + })).isRequired, +}; + const mapStateToProps = state => ({ results: state.search.results, }); |