trying to use uploadthing with my custom useDropzone component?
is there any way to use upload ting with my own Dropzone component,instead of uploadthing components
trying to have something like below
const FileUpload = () => {
const { getRootProps, getInputProps } = useDropzone({
accept: { 'application/pdf': ["pdf"] },
maxFiles: 1,
onDrop: (acceptedFIle) => {
console.log(acceptedFIle)
}
})
return (
<div className='p-2 bg-white rounded-xl'>
<div {...getRootProps({
className: 'border-dashed border-2 rounded-xl cursor-pointer bg-gray-50 py-8 flex justify-center items-center flex-col'
})}>
<input {...getInputProps()} />
<>
<Inbox className='w-10 h-10 text-blue-500' />
<p className='mt-2 text-sm text-slate-400'>Drop PDF Here</p>
</>
</div>
</div>
)
}
trying to have something like below
const FileUpload = () => {
const { getRootProps, getInputProps } = useDropzone({
accept: { 'application/pdf': ["pdf"] },
maxFiles: 1,
onDrop: (acceptedFIle) => {
console.log(acceptedFIle)
}
})
return (
<div className='p-2 bg-white rounded-xl'>
<div {...getRootProps({
className: 'border-dashed border-2 rounded-xl cursor-pointer bg-gray-50 py-8 flex justify-center items-center flex-col'
})}>
<input {...getInputProps()} />
<>
<Inbox className='w-10 h-10 text-blue-500' />
<p className='mt-2 text-sm text-slate-400'>Drop PDF Here</p>
</>
</div>
</div>
)
}
