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,15 +93,17 @@ const AppIconPicker: FC<AppIconPickerProps> = ({
       if (!imageCropInfo && !uploadImageInfo)
         return
       setUploading(true)
-      if (imageCropInfo.file) {
+      if (imageCropInfo?.file) {
         handleLocalFileUpload(imageCropInfo.file)
         return
       }
+      if (imageCropInfo) {
         const blob = await getCroppedImg(imageCropInfo.tempUrl, imageCropInfo.croppedAreaPixels, imageCropInfo.fileName)
         const file = new File([blob], imageCropInfo.fileName, { type: blob.type })
         handleLocalFileUpload(file)
       }
     }
+  }
 
   return <Modal
     onClose={() => { }}

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

@@ -116,7 +116,7 @@ export default async function getCroppedImg(
   })
 }
 
-export function checkIsAnimatedImage(file) {
+export function checkIsAnimatedImage(file: Blob) {
   return new Promise((resolve, reject) => {
     const fileReader = new FileReader()
 
@@ -148,7 +148,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 +156,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)