Function FileUploadButton

apps/web/ui/FileUploadButton/index.tsx:15–41

({
  id,
  disabled,
  onChange,
  uploading,
  progress,
  accept,
}: Props)

}

export default function FileUploadButton({
  id,
  disabled,
  onChange,
  uploading,
  progress,
  accept,
}: Props) {
  return (
    <label
      className={classNames(styles.label, { [styles.disabled]: disabled })}
      htmlFor={id}
    >
      <FiUploadCloud /> {!uploading ? 'Upload' : `Uploading... ${progress}%`}
      <input
        className={styles.input}
        type="file"
        id={id}
        name="files"
        onChange={onChange}
        multiple
        disabled={disabled}
        accept={accept}
      />
    </label>
  );
}