import '@rainbow-me/rainbowkit/styles.css';
import {
braveWallet,
coinbaseWallet,
injectedWallet,
safeWallet,
valoraWallet,
walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';
import {
RainbowKitProvider,
darkTheme,
getDefaultConfig,
lightTheme,
} from '@rainbow-me/rainbowkit';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { WagmiProvider, http } from 'wagmi';
import { celo, celoAlfajores } from 'wagmi/chains';
import { ConnectButton } from '@rainbow-me/rainbowkit';
import { WALLET_CONNECT_PROJECT_ID } from '/src/config/consts';
const queryClient = new QueryClient();
const config = getDefaultConfig({
appName: 'Your App Name',
projectId: WALLET_CONNECT_PROJECT_ID,
chains: [celo, celoAlfajores],
wallets: [
{
groupName: 'Recommended',
wallets: [safeWallet, valoraWallet, braveWallet, coinbaseWallet],
},
{
groupName: 'Fallbacks',
wallets: [walletConnectWallet, injectedWallet],
},
],
transports: {
[celo.id]: http(),
[celoAlfajores.id]: http(),
},
});
function App() {
return (
<WagmiProvider config={config}>
<QueryClientProvider client={queryClient}>
<RainbowKitProvider>
<ConnectButton />
</RainbowKitProvider>
</QueryClientProvider>
</WagmiProvider>
)
}