feat: drag and drop files (#364)

AtB-AS · Sep 27, 2024 · 2978bac · 2978bac
1 parent 2df07a7
commit 2978bac
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/page-modules/contact/components/input/file.tsx b/src/page-modules/contact/components/input/file.tsx
@@ -31,6 +31,10 @@ export function FileInput({ onChange, label, name }: FileInputProps) {
     }
   };
 
+  const handleDragOver = (event: DragEvent<HTMLDivElement>) => {
+    event.preventDefault();
+  };
+
   const handleDrop = (event: DragEvent<HTMLDivElement>) => {
     event.preventDefault();
 
@@ -44,7 +48,7 @@ export function FileInput({ onChange, label, name }: FileInputProps) {
   };
 
   return (
-    <div onDrop={handleDrop}>
+    <div onDragOver={handleDragOver} onDrop={handleDrop}>
       <input
         id={id}
         type="file"