add: type

web/app/components/base/app-icon-picker/index.tsx

@@ -69,7 +69,7 @@ const AppIconPicker: FC<AppIconPickerProps> = ({
     },
   })
 
-  const [imageCropInfo, setImageCropInfo] = useState<{ tempUrl: string; croppedAreaPixels: Area; fileName: string }>()
+  const [imageCropInfo, setImageCropInfo] = useState<{ tempUrl: string; croppedAreaPixels: Area; fileName: string; file?: File }>()
   const handleImageCropped = async (tempUrl: string, croppedAreaPixels: Area, fileName: string) => {
     setImageCropInfo({ tempUrl, croppedAreaPixels, fileName })
   }
@@ -93,13 +93,15 @@ const AppIconPicker: FC<AppIconPickerProps> = ({
       if (!imageCropInfo && !uploadImageInfo)
         return
       setUploading(true)
-      if (imageCropInfo.file) {
+      if (imageCropInfo?.file) {
         handleLocalFileUpload(imageCropInfo.file)
         return
       }
-      const blob = await getCroppedImg(imageCropInfo.tempUrl, imageCropInfo.croppedAreaPixels, imageCropInfo.fileName)
+      if (imageCropInfo) {
-      const file = new File([blob], imageCropInfo.fileName, { type: blob.type })
+        const blob = await getCroppedImg(imageCropInfo.tempUrl, imageCropInfo.croppedAreaPixels, imageCropInfo.fileName)
-      handleLocalFileUpload(file)
+        const file = new File([blob], imageCropInfo.fileName, { type: blob.type })
+        handleLocalFileUpload(file)
+      }
     }
   }
 

web/app/components/base/app-icon-picker/utils.ts

@@ -116,11 +116,15 @@ export default async function getCroppedImg(
   })
 }
 
-export function checkIsAnimatedImage(file) {
+export function checkIsAnimatedImage(file: Blob) {
   return new Promise((resolve, reject) => {
     const fileReader = new FileReader()
 
     fileReader.onload = function (e) {
+      if (!e.target || !(e.target.result instanceof ArrayBuffer)) {
+        reject(new Error('File reading error'))
+        return
+      }
       const arr = new Uint8Array(e.target.result)
 
       // Check file extension
@@ -148,7 +152,7 @@ export function checkIsAnimatedImage(file) {
 }
 
 // Function to check for WebP signature
-function isWebP(arr) {
+function isWebP(arr: Uint8Array): boolean {
   return (
     arr[0] === 0x52 && arr[1] === 0x49 && arr[2] === 0x46 && arr[3] === 0x46
     && arr[8] === 0x57 && arr[9] === 0x45 && arr[10] === 0x42 && arr[11] === 0x50
@@ -156,7 +160,7 @@ function isWebP(arr) {
 }
 
 // Function to check if the WebP is animated (contains ANIM chunk)
-function checkWebPAnimation(arr) {
+function checkWebPAnimation(arr: string | any[] | Uint8Array) {
   // Search for the ANIM chunk in WebP to determine if it's animated
   for (let i = 12; i < arr.length - 4; i++) {
     if (arr[i] === 0x41 && arr[i + 1] === 0x4E && arr[i + 2] === 0x49 && arr[i + 3] === 0x4D)