Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore(clerk-js): Update OrganizationSwitcher popover action to include label #4304

Conversation

LauraBeatris
Copy link
Member

@LauraBeatris LauraBeatris commented Oct 8, 2024

Description

Resolves ORGS-246

Replaces OrganizationSwitcher small gear icon action with a labeled button to make it less confusing to end-users.

Now:

CleanShot 2024-10-08 at 19 35 37

Previously:

CleanShot 2024-10-08 at 19 44 44

Checklist

  • npm test runs as expected.
  • npm run build runs as expected.
  • (If applicable) JSDoc comments have been added or updated for any package exports
  • (If applicable) Documentation has been updated

Type of change

  • 🐛 Bug fix
  • 🌟 New feature
  • 🔨 Breaking change
  • 📖 Refactoring / dependency upgrade / documentation
  • other:

@LauraBeatris LauraBeatris self-assigned this Oct 8, 2024
Copy link

changeset-bot bot commented Oct 8, 2024

🦋 Changeset detected

Latest commit: 6835e97

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages
Name Type
@clerk/clerk-js Patch
@clerk/chrome-extension Patch
@clerk/clerk-expo Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@LauraBeatris LauraBeatris changed the title chore(clerk-js): Replace OrganizationSwitcher popover small gear icon with a Manage label chore(clerk-js): Replace OrganizationSwitcher popover small gear icon with labelled action Oct 8, 2024
@LauraBeatris LauraBeatris force-pushed the laura/orgs-246-replace-organizationswitcher-gear-icon-with-a-manage-button branch from 994a014 to 0a32365 Compare October 8, 2024 22:50
@LauraBeatris LauraBeatris marked this pull request as ready for review October 8, 2024 22:50
@LauraBeatris LauraBeatris requested a review from a team October 8, 2024 22:51
@kylemac
Copy link
Contributor

kylemac commented Oct 8, 2024

Q to consider: should we offer an option to reverse this and just go to the gear icon? (aka does this break a contract we have with our users?)

@LauraBeatris
Copy link
Member Author

Q to consider: should we offer an option to reverse this and just go to the gear icon? (aka does this break a contract we have with our users?)

@kylemac I think this won't be needed, cause we're still keeping the same UI hierarchy here with a menu -> menuitem roles, but the underlying icon now is rendered within a label.

CleanShot 2024-10-09 at 10 10 04

CleanShot 2024-10-09 at 10 09 42

Depending on how folks are relying on this for things such as UI tests, then it could break when bumping the version, but still, I wouldn't consider that valuable in order to introduce a property for this behavior 🤔

@LauraBeatris LauraBeatris changed the title chore(clerk-js): Replace OrganizationSwitcher popover small gear icon with labelled action chore(clerk-js): Update OrganizationSwitcher popover action to include label Oct 9, 2024
@@ -105,20 +104,6 @@ export const OrganizationSwitcherPopover = React.forwardRef<HTMLDivElement, Orga
});
};

const manageOrganizationSmallIconButton = (
Copy link
Member Author

Choose a reason for hiding this comment

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

Now we're reusing the action that used to be displayed only when there was a __unstable_manageBillingUrl.

@LauraBeatris LauraBeatris merged commit e50ce1b into main Oct 9, 2024
19 checks passed
@LauraBeatris LauraBeatris deleted the laura/orgs-246-replace-organizationswitcher-gear-icon-with-a-manage-button branch October 9, 2024 14:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants