Skip to content

Conversation

@chanioxaris
Copy link
Member

@chanioxaris chanioxaris commented Aug 27, 2024

Description

Allow users to connect their Coinbase Wallet to their account via <UserProfile />

Screen.Recording.2024-08-27.at.5.35.46.PM.mov

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:

@chanioxaris chanioxaris requested review from a team and panteliselef August 27, 2024 14:38
@changeset-bot
Copy link

changeset-bot bot commented Aug 27, 2024

🦋 Changeset detected

Latest commit: 96c472c

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

This PR includes changesets to release 18 packages
Name Type
@clerk/localizations Minor
@clerk/clerk-js Minor
@clerk/types Minor
@clerk/chrome-extension Patch
@clerk/clerk-expo Patch
@clerk/astro Patch
@clerk/backend Patch
@clerk/elements Patch
@clerk/express Patch
@clerk/fastify Patch
@clerk/nextjs Patch
@clerk/clerk-react Patch
@clerk/remix Patch
@clerk/clerk-sdk-node Patch
@clerk/shared Patch
@clerk/tanstack-start Patch
@clerk/testing Patch
@clerk/themes 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

@chanioxaris chanioxaris force-pushed the haris/user-562-support-connecting-coinbase-wallet-on-userprofile branch from 86abc30 to fb321fd Compare August 27, 2024 14:48
Copy link
Member

@panteliselef panteliselef left a comment

Choose a reason for hiding this comment

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

Minor request about the localization key

// @ts-ignore
if (!global.ethereum) {
// Do nothing when ethereum doesn't exist. We might revise this in the future
// to offer an Install Metamask prompt to our users.
Copy link
Member

Choose a reason for hiding this comment

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

Is this recommendation not viable ? (just curious)

Copy link
Member Author

Choose a reason for hiding this comment

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

Not sure if it's possible or what's the recommended way (hopefully we will find out soon), but removed the comment until we have a concrete plan in place

isLoading={card.loadingMetadata === strategy}
isDisabled={card.isLoading}
localizationKey={`Connect ${strategyToDisplayData[strategy].name} wallet`}
localizationKey={`Connect ${strategyToDisplayData[strategy].name}`}
Copy link
Member

Choose a reason for hiding this comment

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

I believe it's time to create a proper localization key here

Copy link
Member Author

Choose a reason for hiding this comment

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

I went ahead and aligned this with the Social connections section. What's changed is:

  1. Update the copyright of the primary button from Web3 wallets to Connect wallet
  2. Introduced a new localization key userProfile.web3WalletPage.web3WalletButtonsBlockButton to only render the web3 provider name on the dropdown

Comment on lines 2 to 3
"@clerk/clerk-js": patch
"@clerk/types": patch
Copy link
Member

Choose a reason for hiding this comment

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

I'd do minor because it affects the User interface

Copy link
Member Author

Choose a reason for hiding this comment

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

Updated to use a minor version

Copy link
Member

@alexcarpenter alexcarpenter left a comment

Choose a reason for hiding this comment

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

Doesn't look like it would be included in this PR, but highlighting that the logo - name spacing is a bit off here. The logo is almost touching the name coinbase.

Screenshot 2024-08-27 at 5 42 10 PM

Can we add a UI ticket to follow up and improve here?

@chanioxaris chanioxaris force-pushed the haris/user-562-support-connecting-coinbase-wallet-on-userprofile branch from fb321fd to c499432 Compare August 28, 2024 07:19
@chanioxaris
Copy link
Member Author

Doesn't look like it would be included in this PR, but highlighting that the logo - name spacing is a bit off here. The logo is almost touching the name coinbase.

Screenshot 2024-08-27 at 5 42 10 PM Can we add a UI ticket to follow up and improve here?

@alexcarpenter it was an easy fix so i went ahead and fixed that as well as part of this PR. That's how it looks right now:
Screenshot 2024-08-28 at 10 19 13 AM

Copy link
Member

@panteliselef panteliselef left a comment

Choose a reason for hiding this comment

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

minor comment about the changelog, otherwise looks good

@@ -0,0 +1,6 @@
---
"@clerk/clerk-js": minor
"@clerk/types": minor
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
"@clerk/types": minor
"@clerk/localizations": minor

@chanioxaris chanioxaris force-pushed the haris/user-562-support-connecting-coinbase-wallet-on-userprofile branch from c499432 to 657ce8b Compare August 28, 2024 07:35
@chanioxaris chanioxaris force-pushed the haris/user-562-support-connecting-coinbase-wallet-on-userprofile branch from 657ce8b to 96c472c Compare August 28, 2024 07:36
@chanioxaris chanioxaris merged commit c138949 into main Aug 28, 2024
@chanioxaris chanioxaris deleted the haris/user-562-support-connecting-coinbase-wallet-on-userprofile branch August 28, 2024 07:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants