aboutsummaryrefslogtreecommitdiff
path: root/src/client/react/components/presentational/Result.js
diff options
context:
space:
mode:
authorNoah Loomans <noahloomans@gmail.com>2018-01-06 12:11:19 +0100
committerNoah Loomans <noahloomans@gmail.com>2018-01-06 12:11:19 +0100
commit77dccd31b32ee0a9a53b2186bae231069c5ab152 (patch)
treef90c5c524f1d3536a1f6ab665a7350739f590b7a /src/client/react/components/presentational/Result.js
parent95041dffbd23fe81802efd5fb25cffe492cdb551 (diff)
Revert "Move to typescript"
This reverts commit f0c8cf0e79f003514fd65a70def5820205955a77.
Diffstat (limited to 'src/client/react/components/presentational/Result.js')
-rw-r--r--src/client/react/components/presentational/Result.js24
1 files changed, 24 insertions, 0 deletions
diff --git a/src/client/react/components/presentational/Result.js b/src/client/react/components/presentational/Result.js
new file mode 100644
index 0000000..0b9e024
--- /dev/null
+++ b/src/client/react/components/presentational/Result.js
@@ -0,0 +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 = ({ userId, isSelected }) => (
+ <div
+ className={classnames('search__result', {
+ 'search__result--selected': isSelected,
+ })}
+ >
+ <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 = {
+ userId: PropTypes.string.isRequired,
+ isSelected: PropTypes.bool.isRequired,
+};
+
+export default Result;