Add log viewer to dashboard

src/apps/dashboard/features/logs/api/useServerLog.ts

@@ -0,0 +1,35 @@
+import { Api } from '@jellyfin/sdk';
+import { getSystemApi } from '@jellyfin/sdk/lib/utils/api/system-api';
+import { useQuery } from '@tanstack/react-query';
+import { useApi } from 'hooks/useApi';
+import type { AxiosRequestConfig } from 'axios';
+
+const fetchServerLog = async (
+    api?: Api,
+    name?: string,
+    options?: AxiosRequestConfig
+) => {
+    if (!api) {
+        console.error('[useServerLog] No API instance available');
+        return;
+    }
+
+    if (!name) {
+        console.error('[useServerLog] Name is required');
+        return;
+    }
+
+    const response = await getSystemApi(api).getLogFile({ name }, options);
+
+    // FIXME: TypeScript SDK thinks it is returning a File but in reality it is a string
+    return response.data as never as string;
+};
+export const useServerLog = (name: string) => {
+    const { api } = useApi();
+
+    return useQuery({
+        queryKey: ['ServerLog', name],
+        queryFn: ({ signal }) => fetchServerLog(api, name, { signal }),
+        enabled: !!api
+    });
+};