feat: added handler for a file selection abort of the image input

KirillSerg · Jun 23, 2024 · a264c86 · a264c86
1 parent 2486ef0
commit a264c86
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/components/ImageIconBtn.tsx b/src/components/ImageIconBtn.tsx
@@ -1,4 +1,4 @@
-import { useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { useAtom } from 'jotai';
 import { ElementProps } from '../types/CommonTypes';
 import { creationInitialElementAtom } from '../store/store';
@@ -30,6 +30,15 @@ const ImageIconBtn = ({ className, handlerClick }: Props) => {
     }
   };
 
+  // to handle a file selection abort
+  useEffect(() => {
+    if (fileInputRef.current) {
+      fileInputRef.current.addEventListener('cancel', () => {
+        handlerClick({ type_name: 'free', width: 1, height: 1 });
+      });
+    }
+  }, [handlerClick]);
+
   return (
     <button
       className={className}