From 381645dea28699cddfe005c4b77fb098b9335fef Mon Sep 17 00:00:00 2001
From: Thomas Randolph <trandolph@gitlab.com>
Date: Tue, 10 Sep 2024 12:04:04 -0600
Subject: [PATCH 1/2] Add the autocomplete cache for reaction emoji

---
 .../list/components/merge_requests_list_app.vue       | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/merge_requests/list/components/merge_requests_list_app.vue b/app/assets/javascripts/merge_requests/list/components/merge_requests_list_app.vue
index 0d49c89204663d..08807bb889c0ab 100644
--- a/app/assets/javascripts/merge_requests/list/components/merge_requests_list_app.vue
+++ b/app/assets/javascripts/merge_requests/list/components/merge_requests_list_app.vue
@@ -43,6 +43,7 @@ import {
   TOKEN_TITLE_RELEASE,
   TOKEN_TYPE_RELEASE,
 } from '~/vue_shared/components/filtered_search_bar/constants';
+import { AutocompleteCache } from '~/issues/dashboard/utils';
 import {
   convertToApiParams,
   convertToSearchQuery,
@@ -401,6 +402,7 @@ export default {
   },
   created() {
     this.updateData(this.initialSort);
+    this.autocompleteCache = new AutocompleteCache();
   },
   methods: {
     fetchBranches(search) {
@@ -414,8 +416,13 @@ export default {
           });
         });
     },
-    fetchEmojis() {
-      return axios.get(this.autocompleteAwardEmojisPath);
+    fetchEmojis(search) {
+      return this.autocompleteCache.fetch({
+        url: this.autocompleteAwardEmojisPath,
+        cacheName: 'emojis',
+        searchProperty: 'name',
+        search,
+      });
     },
     fetchLabelsWithFetchPolicy(search, fetchPolicy = fetchPolicies.CACHE_FIRST) {
       return this.$apollo
-- 
GitLab


From d604b15a263ea3861e007972002719256310f5f1 Mon Sep 17 00:00:00 2001
From: Thomas Randolph <trandolph@gitlab.com>
Date: Wed, 11 Sep 2024 11:15:16 -0600
Subject: [PATCH 2/2] Remove unused axios import

---
 .../merge_requests/list/components/merge_requests_list_app.vue   | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/assets/javascripts/merge_requests/list/components/merge_requests_list_app.vue b/app/assets/javascripts/merge_requests/list/components/merge_requests_list_app.vue
index 08807bb889c0ab..30b117cdf355f1 100644
--- a/app/assets/javascripts/merge_requests/list/components/merge_requests_list_app.vue
+++ b/app/assets/javascripts/merge_requests/list/components/merge_requests_list_app.vue
@@ -6,7 +6,6 @@ import { createAlert } from '~/alert';
 import Api from '~/api';
 import * as Sentry from '~/sentry/sentry_browser_wrapper';
 import { STATUS_ALL, STATUS_CLOSED, STATUS_OPEN, STATUS_MERGED } from '~/issues/constants';
-import axios from '~/lib/utils/axios_utils';
 import { fetchPolicies } from '~/lib/graphql';
 import { isPositiveInteger } from '~/lib/utils/number_utils';
 import { scrollUp } from '~/lib/utils/scroll_utils';
-- 
GitLab