Function onFileChange

packages/shared/src/hooks/utils/useFileInput.ts:17–35

(file?: File | null)

}: UseFileInputProps) => {
  const { displayToast, dismissToast } = useToastNotification();
  const onFileChange = async (file?: File | null) => {
    if (!file) {
      return;
    }

    if (file.size > limitMb * MEGABYTE) {
      displayToast(`Maximum image size is ${limitMb} MB`);
      return;
    }

    if (acceptedTypes && !acceptedTypes.includes(file.type)) {
      displayToast(`File type is not allowed`);
      return;
    }

    const base64 = await blobToBase64(file);
    dismissToast();
    onChange(base64, file);
  };

  return { onFileChange };
};