mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Migrate libraries display to React
This commit is contained in:
parent
577e972564
commit
0b47abc009
8 changed files with 197 additions and 123 deletions
|
@ -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;
|
||||
|
@ -22,7 +17,7 @@ export const useConfiguration = () => {
|
|||
|
||||
return useQuery({
|
||||
queryKey: [QUERY_KEY],
|
||||
queryFn: ({ signal }) => fetchConfiguration(api, { signal }),
|
||||
queryFn: ({ signal }) => fetchConfiguration(api!, { signal }),
|
||||
enabled: !!api
|
||||
});
|
||||
};
|
||||
|
|
27
src/hooks/useNamedConfiguration.ts
Normal file
27
src/hooks/useNamedConfiguration.ts
Normal 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';
|
||||
|
||||
interface NamedConfiguration {
|
||||
[key: string]: unknown;
|
||||
}
|
||||
|
||||
export 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 ],
|
||||
queryFn: ({ signal }) => fetchNamedConfiguration(api!, key, { signal }),
|
||||
enabled: !!api
|
||||
});
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue