diff options
author | Noah Loomans <noahloomans@gmail.com> | 2017-12-11 19:36:50 +0100 |
---|---|---|
committer | Noah Loomans <noahloomans@gmail.com> | 2017-12-11 19:36:50 +0100 |
commit | 62fa943784167db5a22e386774e7408ff25924b4 (patch) | |
tree | d3ac816970aec2c2698145f7a0361e214ede8138 /src/client/react/components/presentational/Result.jsx | |
parent | 6ef491badd4ac0190ab17cc41ebd27abbf87c896 (diff) |
Move IconFromUserType and Result to seperate file
Diffstat (limited to 'src/client/react/components/presentational/Result.jsx')
-rw-r--r-- | src/client/react/components/presentational/Result.jsx | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/src/client/react/components/presentational/Result.jsx b/src/client/react/components/presentational/Result.jsx new file mode 100644 index 0000000..4876493 --- /dev/null +++ b/src/client/react/components/presentational/Result.jsx @@ -0,0 +1,18 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +import IconFromUserType from './IconFromUserType'; + +const Result = ({ user }) => ( + <div className="search__result"> + <div className="search__icon-wrapper"><IconFromUserType userType={user.type} /></div> + <div className="search__result__text">{user.value}</div> + </div> +); + +Result.propTypes = { + user: PropTypes.shape({ + value: PropTypes.string.isRequired, + type: PropTypes.string.isRequired, + }).isRequired, +}; |