Rohit
TTCTheo's Typesafe Cult
•Created by Rohit on 9/25/2023 in #questions
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>
)
}
4 replies