Function useFileInput

packages/shared/src/hooks/utils/useFileInput.ts:11–38

({
  limitMb,
  acceptedTypes,
  onChange,
}: UseFileInputProps)

}

export const useFileInput = ({
  limitMb,
  acceptedTypes,
  onChange,
}: 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 };
};