1import '@rainbow-me/rainbowkit/styles.css';
2import '@justweb3/widget/styles.css';
3import React from 'react';
4import { 
5  getDefaultConfig,
6  getDefaultWallets,
7  RainbowKitProvider
8} from '@rainbow-me/rainbowkit';
9import { 
10  argentWallet,
11  ledgerWallet,
12  trustWallet
13} from '@rainbow-me/rainbowkit/wallets';
14import {
15  QueryClient, 
16  QueryClientProvider 
17} from '@tanstack/react-query';
18import { WagmiProvider } from 'wagmi';
19import { mainnet, sepolia } from 'wagmi/chains';
20import { 
21  JustWeb3Provider, 
22  JustWeb3ProviderConfig, 
23  JustWeb3Button
24} from '@justweb3/widget';
25import { ConnectButton } from '@rainbow-me/rainbowkit';
26
27
28
29
30
31
32
33
34export const App: React.FC = () => {
35    const { wallets } = getDefaultWallets();
36    
37    const config = getDefaultConfig({
38      appName: 'RainbowKit demo',
39      projectId: 'YOUR_PROJECT_ID',
40      wallets: [
41        ...wallets,
42        {
43          groupName: 'Other',
44          wallets: [argentWallet, trustWallet, ledgerWallet],
45        }
46      ],
47      chains: [mainnet, sepolia],
48      ssr: true
49    });
50  
51    const justweb3Config: JustWeb3ProviderConfig = {
52  "config": {
53    "origin": "https://demo.justaname.id/",
54    "domain": "demo.justaname.id",
55    "signInTtl": 86400000
56  },
57  "networks": [
58    {
59      "chainId": 1,
60      "providerUrl": "<MAINNET_PROVIDER_URL>"
61    },
62    {
63      "chainId": 11155111,
64      "providerUrl": "<SEPOLIA_PROVIDER_URL>"
65    }
66  ],
67  "enableAuth": true,
68  "openOnWalletConnect": true,
69  "allowedEns": "all",
70  "color": {
71    "primary": "hsl(216, 90%, 58%)",
72    "background": "hsl(0, 0%, 100%)",
73    "destructive": "hsl(0, 100%, 50%)"
74  }
75};
76  
77    const queryClient = new QueryClient();
78  
79    return (
80      <WagmiProvider config={config}>
81        <QueryClientProvider client={queryClient}>
82          <RainbowKitProvider>
83            <JustWeb3Provider config={justweb3Config}>
84              <JustWeb3Button>
85                <ConnectButton />
86              </JustWeb3Button>
87            </JustWeb3Provider>
88          </RainbowKitProvider>
89        </QueryClientProvider>
90      </WagmiProvider>
91    );
92};
93
94export default App;