Enable Sidebar Drag and Drop Upload along with Multi-level Support #3308
+148
−5
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
[processing#3086] Enable Sidebar Drag and Drop with Multi-level Uploads Enhanced the Sketch Files sidebar to support drag-and-drop file uploads, improving accessibility and workflow. Details: • Introduced a wrapper component to handle drag-and-drop functionality. • Enabled multi-level uploads, allowing files to be uploaded into nested directories. • Updated initSidebarUpload to dynamically initialize uploads for the active folder or root directory. • Integrated drag-and-drop with <ConnectedFileNode> for seamless uploads. Improvements: • Simplified file upload process by removing the need for [+] > [Upload File]. • Enhanced user feedback with dynamic drag-over messages. This update improves user workflow and sets the foundation for future features like cross-sketch file duplication.
|
🎉 Thanks for opening this pull request! Please check out our contributing guidelines if you haven't already. |
sam-shubham
changed the title
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
[#3086] Enable Sidebar Drag and Drop with Multi-level Uploads
Enhanced the Sketch Files sidebar to support drag-and-drop file uploads, improving accessibility and workflow.
Details:
• Introduced a wrapper component to handle drag-and-drop functionality.
• Enabled multi-level uploads, allowing files to be uploaded into nested directories.
• Updated initSidebarUpload to dynamically initialize uploads for the active folder or root directory.
• Integrated drag-and-drop by wrapping
<ConnectedFileNode>with aSidebarFileDragDropUploadWrapperfor seamless uploads.Improvements:
• Simplified the file upload process by removing the need for [+] > [Upload File].
• Enhanced user feedback with dynamic drag-over messages.
This update improves user workflow and sets the foundation for future features like cross-sketch file duplication.
Fixes #3086
Changes:
• Added the
SidebarFileDragDropUploadWrappercomponent for drag-and-drop functionality.• Updated
initSidebarUploadto handle parent directory setup for multi-level uploads.• Enhanced Redux state management to store the parentId for initiated sidebar uploads.
• Integrated dropzone-related event handling in uploader.js.
I have verified that this pull request:
npm run lint)npm run test)developbranch.Fixes #123