Refactor Search Page

src/hooks/searchHook/useSearchSuggestions.ts

@@ -0,0 +1,49 @@
+import type { AxiosRequestConfig } from 'axios';
+import type { Api } from '@jellyfin/sdk';
+import { ItemSortBy } from '@jellyfin/sdk/lib/generated-client';
+import { BaseItemKind } from '@jellyfin/sdk/lib/generated-client/models/base-item-kind';
+import { getItemsApi } from '@jellyfin/sdk/lib/utils/api/items-api';
+import { useQuery } from '@tanstack/react-query';
+import { useApi } from '../useApi';
+
+const fetchGetItems = async (
+    api?: Api,
+    userId?: string,
+    parentId?: string,
+    options?: AxiosRequestConfig
+) => {
+    if (!api) throw new Error('No API instance available');
+    if (!userId) throw new Error('No User ID provided');
+
+    const response = await getItemsApi(api).getItems(
+        {
+            userId: userId,
+            sortBy: [ItemSortBy.IsFavoriteOrLiked, ItemSortBy.Random],
+            includeItemTypes: [
+                BaseItemKind.Movie,
+                BaseItemKind.Series,
+                BaseItemKind.MusicArtist
+            ],
+            limit: 20,
+            recursive: true,
+            imageTypeLimit: 0,
+            enableImages: false,
+            parentId: parentId,
+            enableTotalRecordCount: false
+        },
+        options
+    );
+    return response.data.Items || [];
+};
+
+export const useSearchSuggestions = (parentId?: string) => {
+    const { api, user } = useApi();
+    const userId = user?.Id;
+
+    return useQuery({
+        queryKey: ['SearchSuggestions', { parentId }],
+        queryFn: ({ signal }) =>
+            fetchGetItems(api, userId, parentId, { signal }),
+        enabled: !!api && !!userId
+    });
+};