feat: add bucket browser

src/pages/buckets/manage/browse/hooks.ts

@@ -1,6 +1,14 @@
 import api from "@/lib/api";
-import { useQuery } from "@tanstack/react-query";
-import { GetObjectsResult, UseBrowserObjectOptions } from "./types";
+import {
+  useMutation,
+  UseMutationOptions,
+  useQuery,
+} from "@tanstack/react-query";
+import {
+  GetObjectsResult,
+  PutObjectPayload,
+  UseBrowserObjectOptions,
+} from "./types";
 
 export const useBrowseObjects = (
   bucket: string,
@@ -12,3 +20,30 @@ export const useBrowseObjects = (
       api.get<GetObjectsResult>(`/browse/${bucket}`, { params: options }),
   });
 };
+
+export const usePutObject = (
+  bucket: string,
+  options?: UseMutationOptions<any, Error, PutObjectPayload>
+) => {
+  return useMutation({
+    mutationFn: async (body) => {
+      const formData = new FormData();
+      if (body.file) {
+        formData.append("file", body.file);
+      }
+
+      return api.put(`/browse/${bucket}/${body.key}`, { body: formData });
+    },
+    ...options,
+  });
+};
+
+export const useDeleteObject = (
+  bucket: string,
+  options?: UseMutationOptions<any, Error, string>
+) => {
+  return useMutation({
+    mutationFn: (key) => api.delete(`/browse/${bucket}/${key}`),
+    ...options,
+  });
+};