Added: Drag and Reject effect on upload component

[saiful7778]

This is simple file drag and reject effect by "react-dropzone" "isDragActive" and "isDragReject" properties.

I use border-primary-500 dark:border-primary-400 for draging and border-error-500 dark:border-error-500 for rejecting.

keep-react-upload.webm

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
keep-react	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 31, 2024 2:55pm

[vercel]

@saiful7778 is attempting to deploy a commit to the StaticMania Team on Vercel.

A member of the Team first needs to authorize it.

[Arifulislam5577]

Hi @saiful7778 ,

Thank you for sharing your drag and reject effect implementation! While this particular approach might be simpler than what we're looking for in this case, we really appreciate you taking the time to contribute. The use of border colors for drag states is a reasonable starting point. We encourage you to keep contributing - perhaps consider exploring more advanced drag-and-drop patterns with additional visual feedback and accessibility features in your next iteration. Looking forward to seeing your future work!

Thanks