Feat : Added drag-n-drop + preview to upload #238
Conversation
| className="relative h-20 w-20 cursor-pointer" | ||
| {...getRootProps()} | ||
| > | ||
| <input {...getInputProps()} /> |
There was a problem hiding this comment.
use shadCN input
| title="Delete" | ||
| > | ||
| <FiTrash className="h-5 w-5 text-white" /> | ||
| </button> |
There was a problem hiding this comment.
use shadCN buttons
| <svg | ||
| className="mt-2 h-10 w-10 animate-bounce text-[#6D28D9]" | ||
| fill="none" | ||
| stroke="currentColor" | ||
| strokeWidth="2" | ||
| viewBox="0 0 24 24" | ||
| > | ||
| <path | ||
| strokeLinecap="round" | ||
| strokeLinejoin="round" | ||
| d="M4 16v2a2 2 0 002 2h12a2 2 0 002-2v-2M7 10l5-5m0 0l5 5m-5-5v12" | ||
| /> | ||
| </svg> |
There was a problem hiding this comment.
Create a SVG file instead. Looks like an icon, if possible use lucide.
|
"@dnd-kit" was installed but updated package json is not added to git tracking!? |
center the plus button
|
Add a indicator (eg > symbol) to show that the user can scroll when the area overflows with images. Can add a scrollbar too |
|
Disable the delete and drag and drop functionality when the file is uploading |
when the images are uploaded, the buffer of images to be uploaded is cleared but the preview isn't |
highlight the delete button when hovered over |
don't show drag to reorder with only 1 image
|
|
Uploading a pdf and then uploading a image messes up the viewer. Ideally only a pdf or a image should be able to be selected 
|
|
Upload a PDF and upload another PDF. Now, there's only 1 pdf visible but when you delete that preview the older pdf file's preview is still underneath it. |
|
Closing PR due to inactivity |
No description provided.