From f0c8cf0e79f003514fd65a70def5820205955a77 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Thu, 21 Dec 2017 12:06:41 +0100
Subject: Move to typescript

---
 src/client/react/components/presentational/Result.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/client/react/components/presentational/Result.tsx

(limited to 'src/client/react/components/presentational/Result.tsx')

diff --git a/src/client/react/components/presentational/Result.tsx b/src/client/react/components/presentational/Result.tsx
new file mode 100644
index 0000000..b33a365
--- /dev/null
+++ b/src/client/react/components/presentational/Result.tsx
@@ -0,0 +1,18 @@
+import * as React from 'react';
+import * as classnames from 'classnames';
+import users from '../../users';
+
+import IconFromUserType from './IconFromUserType';
+
+const Result: React.StatelessComponent<{ userId: string, isSelected: boolean }> = ({ 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>
+);
+
+export default Result;
-- 
cgit v1.1

