refactor(web): extract IPFS upload code

Author: alcercu

web/src/utils/uploadFormDataToIPFS.ts

@@ -0,0 +1,26 @@
+import { toast, ToastContentProps } from "react-toastify";
+import { OPTIONS } from "utils/wrapWithToast";
+import { FetchError } from "node-fetch";
+
+interface renderError extends ToastContentProps {
+  data: FetchError;
+}
+
+export function uploadFormDataToIPFS(formData: FormData) {
+  return toast.promise(
+    fetch("/.netlify/functions/uploadToIPFS", {
+      method: "POST",
+      body: formData,
+    }),
+    {
+      pending: "Uploading evidence to IPFS...",
+      success: "Uploaded to IPFS!",
+      error: {
+        render({ data }: renderError) {
+          return `Upload failed ${data.message}`;
+        },
+      },
+    },
+    OPTIONS
+  );
+}

web/src/utils/wrapWithToast.ts

@@ -1,7 +1,7 @@
 import { toast, ToastPosition, Theme } from "react-toastify";
 import { ContractTransaction } from "ethers";
 
-const OPTIONS = {
+export const OPTIONS = {
   position: "top-center" as ToastPosition,
   autoClose: 5000,
   hideProgressBar: false,