From 77dccd31b32ee0a9a53b2186bae231069c5ab152 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Sat, 6 Jan 2018 12:11:19 +0100
Subject: Revert "Move to typescript"

This reverts commit f0c8cf0e79f003514fd65a70def5820205955a77.
---
 src/client/react/reducers/search.js | 81 +++++++++++++++++++++++++++++++++++++
 1 file changed, 81 insertions(+)
 create mode 100644 src/client/react/reducers/search.js

(limited to 'src/client/react/reducers/search.js')

diff --git a/src/client/react/reducers/search.js b/src/client/react/reducers/search.js
new file mode 100644
index 0000000..2a7e7a5
--- /dev/null
+++ b/src/client/react/reducers/search.js
@@ -0,0 +1,81 @@
+import fuzzy from 'fuzzy';
+import users from '../users';
+
+const DEFAULT_STATE = {
+  results: [
+    's/18562',
+  ],
+  selectedResult: null,
+  isExactMatch: false,
+};
+
+function getSearchResults(allUsers, query) {
+  if (query.trim() === '') {
+    return [];
+  }
+
+  const allResults = fuzzy.filter(query, allUsers, {
+    extract: user => user.value,
+  });
+
+  const firstResults = allResults.splice(0, 4);
+  const userIds = firstResults.map(result => result.original.id);
+
+  return userIds;
+}
+
+const search = (state = DEFAULT_STATE, action) => {
+  switch (action.type) {
+    case 'SEARCH/INPUT_CHANGE': {
+      const results = getSearchResults(users.allUsers, action.typedValue);
+      let selectedResult = null;
+      let isExactMatch = false;
+
+      // Is the typed value exactly the same as the first result? Then show the
+      // appropiate icon instead of the generic search icon.
+      if ((results.length === 1) && (action.typedValue === users.byId[results[0]].value)) {
+        [selectedResult] = results;
+        isExactMatch = true;
+      }
+
+      return {
+        ...state,
+        results,
+        selectedResult,
+        isExactMatch,
+      };
+    }
+
+    case 'SEARCH/CHANGE_SELECTED_RESULT': {
+      const { results, isExactMatch } = state;
+
+      if (isExactMatch) return state;
+
+      const prevSelectedResult = state.selectedResult;
+      const prevSelectedResultIndex = results.indexOf(prevSelectedResult);
+      let nextSelectedResultIndex =
+        prevSelectedResultIndex + action.relativeChange;
+
+      if (nextSelectedResultIndex < -1) {
+        nextSelectedResultIndex = results.length - 1;
+      } else if (nextSelectedResultIndex > results.length - 1) {
+        nextSelectedResultIndex = -1;
+      }
+
+      const nextSelectedResult =
+        nextSelectedResultIndex === -1
+          ? null
+          : results[nextSelectedResultIndex];
+
+      return {
+        ...state,
+        selectedResult: nextSelectedResult,
+      };
+    }
+
+    default:
+      return state;
+  }
+};
+
+export default search;
-- 
cgit v1.1