first commit

common/resources/client/billing/billing-page/requests/use-invoices.ts

@@ -0,0 +1,23 @@
+import {useQuery} from '@tanstack/react-query';
+import {apiClient} from '@common/http/query-client';
+import {Invoice} from '@common/billing/invoice';
+import {BackendResponse} from '@common/http/backend-response/backend-response';
+
+const Endpoint = 'billing/invoices';
+
+export interface FetchInvoicesResponse extends BackendResponse {
+  invoices: Invoice[];
+}
+
+export function useInvoices(userId: number) {
+  return useQuery({
+    queryKey: [Endpoint],
+    queryFn: () => fetchInvoices(userId),
+  });
+}
+
+function fetchInvoices(userId: number): Promise<FetchInvoicesResponse> {
+  return apiClient
+    .get(Endpoint, {params: {userId}})
+    .then(response => response.data);
+}