Add device deletion support

src/apps/dashboard/features/devices/api/useDeleteDevice.ts

@@ -0,0 +1,24 @@
+import type { DevicesApiDeleteDeviceRequest } from '@jellyfin/sdk/lib/generated-client/api/devices-api';
+import { getDevicesApi } from '@jellyfin/sdk/lib/utils/api/devices-api';
+import { useMutation } from '@tanstack/react-query';
+
+import { useApi } from 'hooks/useApi';
+import { queryClient } from 'utils/query/queryClient';
+import { QUERY_KEY } from './useDevices';
+
+export const useDeleteDevice = () => {
+    const { api } = useApi();
+
+    return useMutation({
+        mutationFn: (params: DevicesApiDeleteDeviceRequest) => (
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            getDevicesApi(api!)
+                .deleteDevice(params)
+        ),
+        onSuccess: () => {
+            void queryClient.invalidateQueries({
+                queryKey: [ QUERY_KEY ]
+            });
+        }
+    });
+};

src/apps/dashboard/features/devices/api/useDevices.ts

@@ -6,6 +6,8 @@ import { useQuery } from '@tanstack/react-query';
 
 import { useApi } from 'hooks/useApi';
 
+export const QUERY_KEY = 'Devices';
+
 const fetchDevices = async (
     api?: Api,
     requestParams?: DevicesApiGetDevicesRequest,
@@ -28,7 +30,7 @@ export const useDevices = (
 ) => {
     const { api } = useApi();
     return useQuery({
-        queryKey: ['Devices', requestParams],
+        queryKey: [QUERY_KEY, requestParams],
         queryFn: ({ signal }) =>
             fetchDevices(api, requestParams, { signal }),
         enabled: !!api

src/apps/dashboard/features/devices/api/useUpdateDevice.ts

@@ -0,0 +1,24 @@
+import type { DevicesApiUpdateDeviceOptionsRequest } from '@jellyfin/sdk/lib/generated-client/api/devices-api';
+import { getDevicesApi } from '@jellyfin/sdk/lib/utils/api/devices-api';
+import { useMutation } from '@tanstack/react-query';
+
+import { useApi } from 'hooks/useApi';
+import { queryClient } from 'utils/query/queryClient';
+import { QUERY_KEY } from './useDevices';
+
+export const useUpdateDevice = () => {
+    const { api } = useApi();
+
+    return useMutation({
+        mutationFn: (params: DevicesApiUpdateDeviceOptionsRequest) => (
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            getDevicesApi(api!)
+                .updateDeviceOptions(params)
+        ),
+        onSuccess: () => {
+            void queryClient.invalidateQueries({
+                queryKey: [ QUERY_KEY ]
+            });
+        }
+    });
+};