[Campaign Launcher Client] Replace custom wallet modal with Reown AppKit#848
[Campaign Launcher Client] Replace custom wallet modal with Reown AppKit#848
Conversation
There was a problem hiding this comment.
Pull request overview
This PR replaces the in-app custom wallet selection UI with Reown AppKit while keeping the existing Wagmi-based connection logic, and adds a new legal URL env var for AppKit’s required links.
Changes:
- Integrate Reown AppKit + Wagmi adapter and wrap the app in
AppKitProvider. - Replace the custom wallet popover/modal with an AppKit “Connect” view trigger.
- Update dependencies/lockfile and add
VITE_APP_LEGAL_URLto.env.example.
Reviewed changes
Copilot reviewed 3 out of 5 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
campaign-launcher/client/src/providers/WagmiProvider.tsx |
Introduces AppKit provider/config and swaps Wagmi config creation to AppKit’s wagmi adapter. |
campaign-launcher/client/src/components/ConnectWallet/index.tsx |
Removes custom wallet picker UI and opens AppKit’s connect view; keeps mobile sign-in prompt behavior. |
campaign-launcher/client/package.json |
Removes MetaMask/WalletConnect provider deps and adds Reown AppKit + @wagmi/core. |
campaign-launcher/client/.env.example |
Adds VITE_APP_LEGAL_URL example value. |
campaign-launcher/client/yarn.lock |
Lockfile updates for the dependency swap (Reown AppKit, WalletConnect version changes, removals). |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 3 out of 5 changed files in this pull request and generated 1 comment.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
|
We don't use reown because we can't customize connection popup to fit our design (esp. new one) |
|
I started integrating it yesterday because it was requested, and after testing it I think it may be worth keeping. Our current modal only supports 3 wallets, while Reown supports many more out of the box, which is much better for users. Also, it's customizable, so we may be able to adapt it to the redesign instead of maintaining our own custom modal. |
Issue tracking
Freestyle
Context behind the change
The previous custom wallet modal was limiting the connection UX and required us to maintain wallet-specific UI logic ourselves. Replaced it with Reown AppKit so users get a more standard wallet-selection flow while we keep the existing wagmi-based code unchanged.
How has this been tested?
Ran dashboard locally.
Release plan
Add new
VITE_APP_TERMS_URLandVITE_APP_PRIVACY_URLwith terms and privacy policy URLsPotential risks; What to monitor; Rollback plan
None