Update accounts map after successful autocomplete request

CHANGELOG.md

@@ -6,6 +6,9 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [1.134.0] - Not released
+### Fixed
+- Autocomplete menu did not update properly after the server autocomplete
+  response.
 
 ## [1.133.0] - 2024-07-04
 ### Added

src/components/autocomplete/selector.jsx

@@ -1,4 +1,4 @@
-import { useDispatch, useStore } from 'react-redux';
+import { useDispatch, useSelector, useStore } from 'react-redux';
 import cn from 'classnames';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { useEvent } from 'react-use-event-hook';
@@ -105,6 +105,7 @@ function Item({ account, match, isCurrent, onClick }) {
 }
 
 function useAccountsMap({ context }) {
+  const lastAutocompleteQuery = useSelector((state) => state.lastAutocompleteQuery);
   const store = useStore();
   const post = usePost();
 
@@ -119,6 +120,9 @@ function useAccountsMap({ context }) {
   }, [context, post, store]);
 
   return useMemo(() => {
+    // We need to refresh this on lastAutocompleteQuery change
+    lastAutocompleteQuery;
+
     const state = store.getState();
     const accountsMap = new Map();
     let rankedNames;
@@ -160,5 +164,5 @@ function useAccountsMap({ context }) {
     }
 
     return [[...accountsMap.keys()], accountsMap, compare];
-  }, [context, post, store]);
+  }, [context, post, store, lastAutocompleteQuery]);
 }

src/redux/reducers.js

@@ -2184,3 +2184,10 @@ export { userStatsStatus, userStats } from './reducers/dynamic-user-stats';
 export { translationStates, translationResults } from './reducers/translation';
 
 export { unlockedCommentStates, unlockedComments } from './reducers/unlocked-comments';
+
+export function lastAutocompleteQuery(state = '', action) {
+  if (action.type === response(ActionTypes.GET_MATCHED_USERS)) {
+    return action.request.query;
+  }
+  return state;
+}