Revert "feat: add example config for web3modal"

This reverts commit 507e54b55782268420040280487215e4ce3506a5.
This commit is contained in:
RadoslavDimchev 2023-09-27 19:34:22 +03:00
parent bfc4f53de9
commit 47426705a3
2 changed files with 3 additions and 27 deletions

View File

@ -1,11 +1,6 @@
import { TamaguiProvider, Theme } from 'tamagui'
import { createBrowserRouter, RouterProvider } from 'react-router-dom'
import { Provider as StatusProvider } from '@status-im/components'
import { EthereumClient, w3mConnectors, w3mProvider } from '@web3modal/ethereum'
import { Web3Modal } from '@web3modal/react'
import { configureChains, createConfig, WagmiConfig } from 'wagmi'
import { arbitrum, mainnet, polygon } from 'wagmi/chains'
import './App.css'
import config from '../tamagui.config'
import LandingPage from './pages/LandingPage/LandingPage'
@ -44,17 +39,6 @@ const router = createBrowserRouter([
{ path: '/validator-onboarding', element: <ValidatorOnboarding /> },
])
const chains = [arbitrum, mainnet, polygon]
const projectId = 'YOUR_PROJECT_ID'
const { publicClient } = configureChains(chains, [w3mProvider({ projectId })])
const wagmiConfig = createConfig({
autoConnect: true,
connectors: w3mConnectors({ projectId, chains }),
publicClient,
})
const ethereumClient = new EthereumClient(wagmiConfig, chains)
function App() {
const theme = useSelector((state: RootState) => state.theme)
@ -62,11 +46,8 @@ function App() {
<TamaguiProvider config={config}>
<StatusProvider>
<Theme name={theme}>
<WagmiConfig config={wagmiConfig}>
<PinnedNotification />
<RouterProvider router={router} />
</WagmiConfig>
<Web3Modal projectId={projectId} ethereumClient={ethereumClient} />
<PinnedNotification />
<RouterProvider router={router} />
</Theme>
</StatusProvider>
</TamaguiProvider>

View File

@ -1,13 +1,8 @@
import { Avatar, Button } from '@status-im/components'
import { useWeb3Modal } from '@web3modal/react'
import { XStack } from 'tamagui'
const ConnectWallet = () => {
const { open } = useWeb3Modal()
const onConnectWalletClick = () => {
open()
}
const onConnectWalletClick = () => {}
return (
<XStack space={'$2'} alignItems={'center'}>