Skip to content

Comments

Fixed ui of the collection table#3918

Open
SinhaS12 wants to merge 4 commits intoprocessing:developfrom
SinhaS12:fix-ui-collections
Open

Fixed ui of the collection table#3918
SinhaS12 wants to merge 4 commits intoprocessing:developfrom
SinhaS12:fix-ui-collections

Conversation

@SinhaS12
Copy link

Fixes #3883
Screenshot 2026-02-20 at 6 52 09 PM

In the current Collection’s sketch list view, each sketch displays an “X” button. The purpose of this button is not immediately clear, which can cause confusion for users — it may appear as though it deletes the sketch entirely rather than simply removing it from the collection.

This pull request replaces the ambiguous “X” button with a dropdown actions menu to improve clarity, consistency, and overall user experience. The implementation follows the existing dropdown pattern used in other parts of the editor (e.g., My Sketches and My Collections pages).

Demo:

Replaced the “X” button with a dropdown menu trigger.

Added “Remove from Collection” as the first dropdown action.

Ensured consistent styling and behavior with other dropdown menus in the editor.

Changes:

Removed the “X” button from CollectionMetadata.jsx.

Integrated the dropdown actions menu following the pattern used in SketchListRowBase.jsx.

Implemented the “Remove from Collection” action within the dropdown.

Maintained visual consistency with existing UI components.

Ensured accessibility and keyboard interaction compatibility.

I have verified that this pull request:

has no linting errors (npm run lint)

has no test errors (npm run test)

has no typecheck errors (npm run typecheck)

is from a uniquely-named feature branch and is up to date with the develop branch.

is descriptively named and links to an issue number (Fixes #___).

meets the standards outlined in the accessibility guidelines.

@SinhaS12
Copy link
Author

Hi @raclim 👋
Could you please review this PR when you get time?
Thank you!

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