Use v5 autocomplete endpoint for handle search in assignee dropdown

Author: jmgasper

src/components/SelectUserAutocomplete/index.js

@@ -7,7 +7,7 @@
 import React, { useState, useCallback } from 'react'
 import PropTypes from 'prop-types'
 import Select from '../Select'
-import { suggestProfiles, fetchProfileV5 } from '../../services/user'
+import { suggestProfilesV5, fetchProfileV5 } from '../../services/user'
 import _ from 'lodash'
 import { AUTOCOMPLETE_MIN_LENGTH, AUTOCOMPLETE_DEBOUNCE_TIME_MS } from '../../config/constants'
 
@@ -27,7 +27,7 @@ export default function SelectUserAutocomplete (props) {
       return
     }
 
-    Promise.all([suggestProfiles(inputValue), fetchProfileV5(inputValue)]).then(
+    Promise.all([suggestProfilesV5(inputValue), fetchProfileV5(inputValue)]).then(
       ([suggestions, user]) => {
         const suggestedOptions = suggestions.map((u) => ({
           label: u.handle,

src/services/user.js

@@ -59,3 +59,12 @@ export async function suggestProfiles (partialHandle) {
   const response = await axiosInstance.get(`${MEMBER_API_V3_URL}/_suggest/${encodeURIComponent(partialHandle)}`)
   return _.get(response, 'data.result.content')
 }
+
+/**
+ * Api request for finding (suggesting) users by the part of the handle
+ * @returns {Promise<*>}
+ */
+export async function suggestProfilesV5 (partialHandle) {
+  const response = await axiosInstance.get(`${MEMBER_API_URL}/autocomplete?term=${encodeURIComponent(partialHandle)}`)
+  return _.get(response, 'data')
+}