mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Merge pull request #6579 from viown/react-libraries-display

Browse source 
Migrate libraries display to React
This commit is contained in:
Bill Thornton 2025-03-03 13:19:29 -05:00 • committed by GitHub
commit 1d25fae65b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 206 additions and 124 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/hooks/useConfiguration.ts
View file

@ -6,12 +6,7 @@ import type { AxiosRequestConfig } from 'axios';
export const QUERY_KEY = 'Configuration';
export const fetchConfiguration = async (api?: Api, options?: AxiosRequestConfig) => {
if (!api) {
console.error('[useLogOptions] No API instance available');
return;
}
export const fetchConfiguration = async (api: Api, options?: AxiosRequestConfig) => {
const response = await getConfigurationApi(api).getConfiguration(options);
return response.data;
@ -21,8 +16,8 @@ export const useConfiguration = () => {
const { api } = useApi();
return useQuery({
queryKey: [QUERY_KEY],
queryFn: ({ signal }) => fetchConfiguration(api, { signal }),
queryKey: [ QUERY_KEY ],
queryFn: ({ signal }) => fetchConfiguration(api!, { signal }),
enabled: !!api
});
};

27
src/hooks/useNamedConfiguration.ts Normal file
View file

@ -0,0 +1,27 @@
import { Api } from '@jellyfin/sdk';
import { getConfigurationApi } from '@jellyfin/sdk/lib/utils/api/configuration-api';
import { useQuery } from '@tanstack/react-query';
import { useApi } from 'hooks/useApi';
import type { AxiosRequestConfig } from 'axios';
export const QUERY_KEY = 'NamedConfiguration';
export interface NamedConfiguration {
[key: string]: unknown;
}
const fetchNamedConfiguration = async (api: Api, key: string, options?: AxiosRequestConfig) => {
const response = await getConfigurationApi(api).getNamedConfiguration({ key }, options);
return response.data as unknown as NamedConfiguration;
};
export const useNamedConfiguration = (key: string) => {
const { api } = useApi();
return useQuery({
queryKey: [ QUERY_KEY, key ],
queryFn: ({ signal }) => fetchNamedConfiguration(api!, key, { signal }),
enabled: !!api
});
};