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

feat: Add WalletModal component #1610

Merged
merged 10 commits into from
Nov 25, 2024
Merged

feat: Add WalletModal component #1610

merged 10 commits into from
Nov 25, 2024

Conversation

cpcramer
Copy link
Contributor

@cpcramer cpcramer commented Nov 8, 2024

What changed? Why?
How to use:

 <OnchainKitProvider
        apiKey={ENVIRONMENT_VARIABLES[ENVIRONMENT.API_KEY]}
        chain={base}
        config={{
            appearance: {
              name: 'Cat.town',
              logo: 'cattownlogo.png'
              mode: 'auto',
              theme: 'default',
          },
          wallet: {
              display: 'modal', // 'modal' | 'classic'
              termsUrl: 'https://www.coinbase.com/legal/privacy', 
              privacyUrl: 'https://www.coinbase.com/legal/cookie',
          },
        }}
      >
</OnchainKitProvider>
Screenshot 2024-11-20 at 8 36 40 PM Screenshot 2024-11-20 at 8 36 49 PM Screenshot 2024-11-20 at 8 36 58 PM Screenshot 2024-11-20 at 8 37 11 PM Screenshot 2024-11-20 at 8 37 36 PM

Notes to reviewers

How has it been tested?

Copy link

vercel bot commented Nov 8, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
onchainkit-coverage ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 25, 2024 9:30pm
onchainkit-playground ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 25, 2024 9:30pm
onchainkit-routes ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 25, 2024 9:30pm

@cpcramer cpcramer changed the title Paul/wallet modal 🚧 wallet modal Nov 8, 2024
Comment on lines +231 to +235
wallet: {
display: 'modal',
termsUrl: 'https://www.coinbase.com/legal/cookie', // URL to the terms of service for the wallet modal
privacyUrl: 'https://www.coinbase.com/legal/privacy', // URL to the privacy policy for the wallet modal
},
Copy link
Contributor

Choose a reason for hiding this comment

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

do we also want to give playground users the ability to see wallet.display.classic?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I don't think this is needed because there is no component to display. In classic mode we just connect directly using the CB wallet connector

@@ -24,6 +24,17 @@ export const config = createConfig({
appName: 'OnchainKit',
preference: 'eoaOnly',
}),
walletConnect({
projectId:
ENVIRONMENT_VARIABLES[ENVIRONMENT.WALLETCONNECT_PROJECT_ID] ?? '',
Copy link
Contributor

@brendan-defi brendan-defi Nov 25, 2024

Choose a reason for hiding this comment

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

let's add this env var to site/.env.local.example?

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

Successfully merging this pull request may close these issues.

6 participants