Skip to content

Replace “Remove from Collection” button with dropdown in Collection item row#3888

Open
krishnavasnani07 wants to merge 1 commit intoprocessing:developfrom
krishnavasnani07:fix-collection-dropdown
Open

Replace “Remove from Collection” button with dropdown in Collection item row#3888
krishnavasnani07 wants to merge 1 commit intoprocessing:developfrom
krishnavasnani07:fix-collection-dropdown

Conversation

@krishnavasnani07
Copy link

@krishnavasnani07 krishnavasnani07 commented Feb 14, 2026

Fixes #3883

Summary

This PR replaces the existing inline “Remove from Collection” button in the collection detail view with a TableDropdown actions menu.

This aligns the collection sketch list UI with existing dropdown patterns used across the editor (e.g., Sketch List and Collection List views), improving clarity and consistency.

Changes

  • Replaced the inline remove button in CollectionItemRow with TableDropdown
  • Added a MenuItem for “Remove from Collection”
  • Preserved existing confirmation dialog behavior
  • Kept Redux action (removeFromCollection) logic unchanged
  • Ensured styling consistency with other table dropdowns
  • Added missing translation key for Collection.RemoveFromCollection

Why

The previous “X” icon button could be ambiguous regarding its purpose (remove from collection vs delete sketch).

Using a dropdown:

  • Improves clarity of available actions
  • Aligns with existing UI patterns
  • Allows future extensibility (e.g., Share, Move, etc.)

Testing

Verified locally:

  • Collection detail page renders dropdown correctly
  • Remove action works as expected
  • Confirmation dialog appears before removal
  • No lint errors (npm run lint)
  • No typecheck errors (npm run typecheck)
  • No UI regressions observed

Screenshots

Before

  • Inline remove button

After

  • Dropdown menu with “Remove from Collection” option

Screenshot
Screenshot From 2026-02-14 21-56-10


Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Replace "X" Button with Dropdown Menu in CollectionMetadata

1 participant

Comments