From 8db3bead13441a5882d8689dfc6a9f09c82375d9 Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Wed, 25 Mar 2026 16:47:22 +0100 Subject: feat: masks, properties refactor, shaders, storage migrations, and more --- apps/web/src/hooks/use-file-upload.ts | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) (limited to 'apps/web/src/hooks/use-file-upload.ts') diff --git a/apps/web/src/hooks/use-file-upload.ts b/apps/web/src/hooks/use-file-upload.ts index 19badd98..d174e002 100644 --- a/apps/web/src/hooks/use-file-upload.ts +++ b/apps/web/src/hooks/use-file-upload.ts @@ -4,7 +4,7 @@ import { hasDragData } from "@/lib/drag-data"; interface UseFileUploadOptions { accept?: string; multiple?: boolean; - onFilesSelected?: (files: FileList) => void; + onFilesSelected?: (files: File[]) => void; } function containsFiles(dataTransfer: DataTransfer): boolean { @@ -29,8 +29,8 @@ export function useFileUpload({ } function handleFileChange(event: React.ChangeEvent) { - const files = event.target.files; - if (files && files.length > 0 && onFilesSelected) { + const files = Array.from(event.target.files ?? []); + if (files.length > 0 && onFilesSelected) { onFilesSelected(files); } @@ -71,15 +71,13 @@ export function useFileUpload({ dragCounterRef.current = 0; if (onFilesSelected && containsFiles(e.dataTransfer)) { - const files = e.dataTransfer.files; + const files = Array.from(e.dataTransfer.files); const shouldUseMultiple = multiple ?? false; if (shouldUseMultiple) { onFilesSelected(files); } else if (files.length > 0) { - const dataTransfer = new DataTransfer(); - dataTransfer.items.add(files[0]); - onFilesSelected(dataTransfer.files); + onFilesSelected([files[0]]); } } } -- cgit v1.3.1