update hook examples

client/src/services/User/UserMutations.ts

@@ -0,0 +1,8 @@
+import { useMutation } from "@tanstack/react-query"
+import UserService, { EditUsersBody } from "./UserService"
+
+export function useEditUserMutation(users: EditUsersBody) {
+  return useMutation({
+    mutationFn: () => UserService.editUsers(users)
+  })
+}

client/src/services/User/UserQueries.ts

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

client/src/services/User/UserService.ts

@@ -0,0 +1,24 @@
+import { components } from "models/__generated__/schema"
+import fetchClient from "../OpenApiFetchClient"
+
+type UserAdditionalInfo = components["schemas"]["UserAdditionalInfo"]
+export type EditUsersBody = {
+  uid: string
+  updatedInformation: UserAdditionalInfo
+}[]
+
+const UserService = {
+  getUsers: async function () {
+    const { data } = await fetchClient.GET("/users", {})
+    return data
+  },
+  editUsers: async function (users: EditUsersBody) {
+    await fetchClient.PATCH("/users/bulk-edit", {
+      body: {
+        users
+      }
+    })
+  }
+} as const
+
+export default UserService