refactor(v4.0.0-alpha): beginning of a new era

apps/client/src/services/storage/index.ts

@@ -0,0 +1 @@
+export * from "./upload-image";

apps/client/src/services/storage/upload-image.ts

@@ -0,0 +1,25 @@
+import { useMutation } from "@tanstack/react-query";
+import { AxiosResponse } from "axios";
+
+import { axios } from "@/client/libs/axios";
+
+export const uploadImage = (file: File) => {
+  const formData = new FormData();
+  formData.append("file", file);
+
+  return axios.put<string, AxiosResponse<string>, FormData>("/storage/image", formData, {
+    headers: { "Content-Type": "multipart/form-data" },
+  });
+};
+
+export const useUploadImage = () => {
+  const {
+    error,
+    isPending: loading,
+    mutateAsync: uploadImageFn,
+  } = useMutation({
+    mutationFn: uploadImage,
+  });
+
+  return { uploadImage: uploadImageFn, loading, error };
+};