Merge pull request #431 from picsoritdidnthappen/remove-compresion

feat: Remove `browser-image-compression`

package.json

@@ -28,7 +28,6 @@
     "@trpc/react-query": "11.0.0-rc.592",
     "@trpc/server": "11.0.0-rc.592",
     "axios": "^1.6.8",
-    "browser-image-compression": "^2.0.2",
     "clsx": "^2.0.0",
     "framer-motion": "^11.0.12",
     "mobx": "^6.12.3",

src/components/global/FormClaim.tsx

@@ -1,4 +1,3 @@
-import imageCompression from 'browser-image-compression';
 import { useCallback, useEffect, useState } from 'react';
 import { useDropzone } from 'react-dropzone';
 import { toast } from 'react-toastify';
@@ -56,21 +55,6 @@ export default function FormClaim({
 
   const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop });
 
-  const compressImage = async (image: File): Promise<File> => {
-    const options = {
-      maxSizeMB: 10,
-      maxWidthOrHeight: 1920,
-      useWebWorker: true,
-    };
-    try {
-      const compressedFile = await imageCompression(image, options);
-      return compressedFile;
-    } catch (error) {
-      toast.error('Error compressing image');
-      throw error;
-    }
-  };
-
   const retryUpload = async (file: File): Promise<string> => {
     const MAX_RETRIES = 6;
     const RETRY_DELAY = 3000;
@@ -97,8 +81,7 @@ export default function FormClaim({
       if (file) {
         setUploading(true);
         try {
-          const compressedFile = await compressImage(file);
-          const cid = await retryUpload(compressedFile);
+          const cid = await retryUpload(file);
           setImageURI(`${LINK_IPFS}/${cid}`);
         } catch (error) {
           console.error('Error uploading file:', error);