changes

spa/src/hooks/use-api-tokens.ts

@@ -0,0 +1,29 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
+import { tokens } from "@/api/client"
+
+const TOKENS = ["api-tokens"]
+
+export function useApiTokens() {
+  return useQuery({
+    queryKey: TOKENS,
+    queryFn: () => tokens.list(),
+  })
+}
+
+export function useMintApiToken() {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: (name: string) => tokens.mint(name),
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: TOKENS }),
+  })
+}
+
+export function useRevokeApiToken() {
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    mutationFn: (id: string) => tokens.revoke(id),
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: TOKENS }),
+  })
+}