how to make a custom styled UploadButton
My goal is to use an icon
<BsImage /> instead of the button and to be able to select a file then upon a function running the upload being called. Thanks in advance <BsImage />export const UploadImage = () => {
return (
<div className="flex flex-col items-center justify-between p-4">
<UploadButton
endpoint="postImage"
onClientUploadComplete={(res) => {
toast.success('Image uploaded successfully! 😄');
}}
onUploadError={(error: Error) => {
toast.error(error.message + " ðŸ˜");
}}
/>
</div>
)
};