Implements tag suggestions for collections topic field (#38307)

app/javascript/mastodon/features/lists/members.tsx

@@ -28,11 +28,10 @@ import { DisplayName } from 'mastodon/components/display_name';
 import ScrollableList from 'mastodon/components/scrollable_list';
 import { ShortNumber } from 'mastodon/components/short_number';
 import { VerifiedBadge } from 'mastodon/components/verified_badge';
+import { useSearchAccounts } from 'mastodon/hooks/useSearchAccounts';
 import { me } from 'mastodon/initial_state';
 import { useAppDispatch, useAppSelector } from 'mastodon/store';
 
-import { useSearchAccounts } from './use_search_accounts';
-
 export const messages = defineMessages({
   manageMembers: {
     id: 'column.list_members',

app/javascript/mastodon/features/lists/use_search_accounts.ts

@@ -1,82 +0,0 @@
-import { useRef, useState } from 'react';
-
-import { useDebouncedCallback } from 'use-debounce';
-
-import { fetchRelationships } from 'mastodon/actions/accounts';
-import { importFetchedAccounts } from 'mastodon/actions/importer';
-import { apiRequest } from 'mastodon/api';
-import type { ApiAccountJSON } from 'mastodon/api_types/accounts';
-import { useAppDispatch } from 'mastodon/store';
-
-export function useSearchAccounts({
-  onSettled,
-  filterResults,
-  resetOnInputClear = true,
-  withRelationships = false,
-}: {
-  onSettled?: (value: string) => void;
-  filterResults?: (account: ApiAccountJSON) => boolean;
-  resetOnInputClear?: boolean;
-  withRelationships?: boolean;
-} = {}) {
-  const dispatch = useAppDispatch();
-
-  const [accountIds, setAccountIds] = useState<string[]>([]);
-  const [loadingState, setLoadingState] = useState<
-    'idle' | 'loading' | 'error'
-  >('idle');
-
-  const searchRequestRef = useRef<AbortController | null>(null);
-
-  const searchAccounts = useDebouncedCallback(
-    (value: string) => {
-      if (searchRequestRef.current) {
-        searchRequestRef.current.abort();
-      }
-
-      if (value.trim().length === 0) {
-        onSettled?.('');
-        if (resetOnInputClear) {
-          setAccountIds([]);
-        }
-        return;
-      }
-
-      setLoadingState('loading');
-
-      searchRequestRef.current = new AbortController();
-
-      void apiRequest<ApiAccountJSON[]>('GET', 'v1/accounts/search', {
-        signal: searchRequestRef.current.signal,
-        params: {
-          q: value,
-          resolve: true,
-        },
-      })
-        .then((data) => {
-          const accounts = filterResults ? data.filter(filterResults) : data;
-          const accountIds = accounts.map((a) => a.id);
-          dispatch(importFetchedAccounts(accounts));
-          if (withRelationships) {
-            dispatch(fetchRelationships(accountIds));
-          }
-          setAccountIds(accountIds);
-          setLoadingState('idle');
-          onSettled?.(value);
-        })
-        .catch(() => {
-          setLoadingState('error');
-          onSettled?.(value);
-        });
-    },
-    500,
-    { leading: true, trailing: true },
-  );
-
-  return {
-    searchAccounts,
-    accountIds,
-    isLoading: loadingState === 'loading',
-    isError: loadingState === 'error',
-  };
-}