Add line between results and search

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,
 });