From 778dfdc728a101fca9ece3a14e590d3b8e1d43e1 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Thu, 14 Dec 2017 12:32:07 +0100
Subject: Use id's instead of user objects

---
 src/client/react/reducers/search.js | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

(limited to 'src/client/react/reducers')

diff --git a/src/client/react/reducers/search.js b/src/client/react/reducers/search.js
index 6ef0f4d..cad491b 100644
--- a/src/client/react/reducers/search.js
+++ b/src/client/react/reducers/search.js
@@ -1,43 +1,42 @@
-/* global USERS */
 import fuzzy from 'fuzzy';
+import users from '../users';
 
 const DEFAULT_STATE = {
   input: '',
   results: [
-    { type: 's', value: '18561' },
+    's/18562',
   ],
   selectedResult: null,
   isExactMatch: false,
 };
 
-function getSearchResults(query) {
+function getSearchResults(allUsers, query) {
   if (query.trim() === '') {
     return [];
   }
 
-  const allResults = fuzzy.filter(query, USERS, {
+  const allResults = fuzzy.filter(query, allUsers, {
     extract: user => user.value,
   });
 
   const firstResults = allResults.splice(0, 4);
-  const users = firstResults.map(result => result.original);
+  const userIds = firstResults.map(result => result.original.id);
 
-  return users;
+  return userIds;
 }
 
 const search = (state = DEFAULT_STATE, action) => {
   switch (action.type) {
     case 'SEARCH/INPUT_CHANGE': {
-      let results = getSearchResults(action.typedValue);
+      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 > 0) && (action.typedValue === results[0].value)) {
+      if ((results.length === 1) && (action.typedValue === users.byId[results[0]].value)) {
         [selectedResult] = results;
         isExactMatch = true;
-        results = results.splice(1);
       }
 
       return {
@@ -51,6 +50,9 @@ const search = (state = DEFAULT_STATE, action) => {
 
     case 'SEARCH/CHANGE_SELECTED_RESULT': {
       const { results, isExactMatch } = state;
+
+      if (isExactMatch) return state;
+
       const prevSelectedResult = state.selectedResult;
       const prevSelectedResultIndex = results.indexOf(prevSelectedResult);
       let nextSelectedResultIndex =
@@ -62,15 +64,11 @@ const search = (state = DEFAULT_STATE, action) => {
         nextSelectedResultIndex = -1;
       }
 
-      let nextSelectedResult =
+      const nextSelectedResult =
         nextSelectedResultIndex === -1
           ? null
           : results[nextSelectedResultIndex];
 
-      if (isExactMatch) {
-        nextSelectedResult = prevSelectedResult;
-      }
-
       return {
         ...state,
         selectedResult: nextSelectedResult,
-- 
cgit v1.1