first commit

resources/client/titles/requests/use-titles-autocomplete.ts

@@ -0,0 +1,33 @@
+import {keepPreviousData, useQuery} from '@tanstack/react-query';
+import {apiClient} from '@common/http/query-client';
+import {BackendResponse} from '@common/http/backend-response/backend-response';
+import {NormalizedModel} from '@common/datatable/filters/normalized-model';
+
+interface AutocompleteTitle extends NormalizedModel {
+  seasons_count: number;
+  episode_numbers: number[];
+}
+
+interface Response extends BackendResponse {
+  titles: AutocompleteTitle[];
+}
+
+interface Params {
+  searchQuery: string;
+  selectedTitleId?: number | string;
+  seasonNumber?: number | string;
+}
+
+export function useTitlesAutocomplete(params: Params) {
+  return useQuery({
+    queryKey: ['titles', 'autocomplete', params],
+    queryFn: () => autocompleteTitles(params),
+    placeholderData: keepPreviousData,
+  });
+}
+
+function autocompleteTitles(params: Params) {
+  return apiClient
+    .get<Response>(`titles/autocomplete`, {params})
+    .then(response => response.data);
+}