Skip to content

Fixed ui of the collection table#3918

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

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

Conversation

@SinhaS12
Copy link
Contributor

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
Contributor Author

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

},
"Sidebar": {
"Title": "Sketch Files",
"Title": "Sketch something today",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this change was not on purpose, can you remove?

return <Loader />;
} else if (collections.length === 0) {
return t('AddToCollectionList.Empty');
return <CollectionCreate />;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this change also seems to be outside of your described issue.

Can you put it on a separate PR if its helpful? Please include the before and after of the change on that PR

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sure I will do This

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@clairep94 done the changes .

@clairep94 clairep94 added the Contributor Follow-up Required Request for changes, or other follow up required. Please see PR comments thread. label Mar 7, 2026
- Revert unintentional Sidebar.Title change in en-US translations
- Revert out-of-scope AddToCollectionList.jsx change (CollectionCreate)
- Fix dropdown menu text to use Collection.RemoveFromCollection key
@SinhaS12 SinhaS12 force-pushed the fix-ui-collections branch from b388e1c to d18f6fe Compare March 12, 2026 15:24
@SinhaS12 SinhaS12 requested a review from clairep94 March 13, 2026 08:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Contributor Follow-up Required Request for changes, or other follow up required. Please see PR comments thread.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Replace "X" Button with Dropdown Menu in CollectionMetadata

2 participants