correctly show the dropdown with `t` keypress

added arrow key navigation in the dropdown
enter & click open the file
highlight occurrences of the searched text in the drppdown item
fixed some performance issues when rendering
limit the dropdown items to a maximum of 20 - this may change to more
depending on other performance changes

1 files changed, 9 insertions, 1 deletions

diff --git a/app/assets/javascripts/ide/stores/getters.js b/app/assets/javascripts/ide/stores/getters.js
index 6776be3b77c..07f7e73d8e9 100644
--- a/app/assets/javascripts/ide/stores/getters.js
+++ b/app/assets/javascripts/ide/stores/getters.js
@@ -37,4 +37,12 @@ export const hasChanges = state => !!state.changedFiles.length;
 export const hasMergeRequest = state => !!state.currentMergeRequestId;
 
 export const allBlobs = state =>
-  Object.keys(state.entries).reduce((acc, key) => acc.concat(state.entries[key]), []);
+  Object.keys(state.entries).reduce((acc, key) => {
+    const entry = state.entries[key];
+
+    if (entry.type === 'blob') {
+      acc.push(entry);
+    }
+
+    return acc;
+  }, []);