Function handleFiles

packages/shared/src/components/buttons/UploadButton.tsx:24–39

(files: FileList | null)

  const { validateFiles } = useFileValidation(validation, errorMessages);

  const handleFiles = (files: FileList | null) => {
    if (!files || files.length === 0) {
      return;
    }

    const { validFiles, errors } = validateFiles(files);

    if (errors.length > 0) {
      const first = errors[0];
      const fileName = first.file ? ` (${first.file.name})` : '';
      displayToast(`${first.message}${fileName}`);
      return;
    }

    onFilesDrop(validFiles);
  };

  const { input, openFileInput } = useFileInput({
    onFiles: handleFiles,