aboutsummaryrefslogtreecommitdiff
path: root/src/client/react/components/presentational/Result.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/react/components/presentational/Result.jsx')
-rw-r--r--src/client/react/components/presentational/Result.jsx16
1 files changed, 7 insertions, 9 deletions
diff --git a/src/client/react/components/presentational/Result.jsx b/src/client/react/components/presentational/Result.jsx
index 80f65d4..0b9e024 100644
--- a/src/client/react/components/presentational/Result.jsx
+++ b/src/client/react/components/presentational/Result.jsx
@@ -1,26 +1,24 @@
import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
+import users from '../../users';
import IconFromUserType from './IconFromUserType';
-const Result = ({ user, selected }) => (
+const Result = ({ userId, isSelected }) => (
<div
className={classnames('search__result', {
- 'search__result--selected': selected,
+ 'search__result--selected': isSelected,
})}
>
- <div className="search__icon-wrapper"><IconFromUserType userType={user.type} /></div>
- <div className="search__result__text">{user.value}</div>
+ <div className="search__icon-wrapper"><IconFromUserType userType={users.byId[userId].type} /></div>
+ <div className="search__result__text">{users.byId[userId].value}</div>
</div>
);
Result.propTypes = {
- user: PropTypes.shape({
- value: PropTypes.string.isRequired,
- type: PropTypes.string.isRequired,
- }).isRequired,
- selected: PropTypes.bool.isRequired,
+ userId: PropTypes.string.isRequired,
+ isSelected: PropTypes.bool.isRequired,
};
export default Result;