add files

client/src/services/OpenApiFetchClient.ts

@@ -0,0 +1,23 @@
+import createClient, { Middleware } from "openapi-fetch"
+import type { paths } from "models/__generated__/schema"
+
+let accessToken: string | undefined
+
+const authMiddleware: Middleware = {
+  async onRequest(req) {
+    // TODO: Handle Auth
+    if (!accessToken) {
+      accessToken = "placeholder"
+    }
+    req.headers.set("Authorization", `Bearer ${accessToken}`)
+    return req
+  }
+}
+
+const fetchClient = createClient<paths>({
+  baseUrl: import.meta.env.VITE_BACKEND_BASE_URL
+})
+
+fetchClient.use(authMiddleware)
+
+export default fetchClient

client/src/services/Queries.ts

@@ -0,0 +1,7 @@
+import { useQuery } from "@tanstack/react-query"
+import UserService from "./UserService"
+
+export const useUsers = useQuery({
+  queryKey: ["allUsers"],
+  queryFn: () => UserService.getUsers()
+})

client/src/services/QueryClient.ts

@@ -0,0 +1,11 @@
+import { QueryClient } from "@tanstack/react-query"
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      notifyOnChangeProps: ["data"]
+    }
+  }
+})
+
+export default queryClient