feat: switch to @pubkeyapp/wallet-adapter-mantine-ui

apps/web/src/app/app.tsx

@@ -10,15 +10,15 @@ const client = new QueryClient()
 export function App() {
   return (
     <QueryClientProvider client={client}>
-      <ClusterProvider>
-        <SolanaProvider>
-          <UiThemeProvider link={ThemeLink}>
+      <UiThemeProvider link={ThemeLink}>
+        <ClusterProvider>
+          <SolanaProvider>
             <AppLayout>
               <AppRoutes />
             </AppLayout>
-          </UiThemeProvider>
-        </SolanaProvider>
-      </ClusterProvider>
+          </SolanaProvider>
+        </ClusterProvider>
+      </UiThemeProvider>
     </QueryClientProvider>
   )
 }

apps/web/src/app/features/solana/solana-provider.tsx

@@ -7,13 +7,11 @@ import {
   useWallet,
   WalletProvider,
 } from '@solana/wallet-adapter-react'
-import { WalletModalProvider, WalletMultiButton } from '@solana/wallet-adapter-react-ui'
+import { WalletModalProvider, WalletMultiButton } from '@pubkeyapp/wallet-adapter-mantine-ui'
 import { SolflareWalletAdapter } from '@solana/wallet-adapter-solflare'
 import { ReactNode, useCallback, useMemo } from 'react'
 import { toWalletAdapterNetwork, useCluster } from '../cluster/cluster-data-access'
 
-require('@solana/wallet-adapter-react-ui/styles.css')
-
 export const WalletButton = WalletMultiButton
 
 export function SolanaProvider({ children }: { children: ReactNode }) {

package.json

@@ -13,6 +13,7 @@
   "private": true,
   "packageManager": "[email protected]",
   "dependencies": {
+    "@beeman/preset-anchor": "^2.0.0",
     "@coral-xyz/anchor": "^0.29.0",
     "@mantine/core": "^7.3.0",
     "@mantine/dates": "^7.3.0",
@@ -23,7 +24,7 @@
     "@mantine/notifications": "^7.3.0",
     "@mantine/spotlight": "^7.3.0",
     "@nx/devkit": "17.2.7",
-    "@beeman/preset-anchor": "^2.0.0",
+    "@pubkeyapp/wallet-adapter-mantine-ui": "^2.3.0",
     "@solana/spl-token": "^0.3.9",
     "@solana/wallet-adapter-base": "^0.9.23",
     "@solana/wallet-adapter-react": "^0.15.35",