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
33export const App: React.FC = () => {
34    const { wallets } = getDefaultWallets();
35    
36    const config = getDefaultConfig({
37      appName: 'RainbowKit demo',
38      projectId: 'YOUR_PROJECT_ID',
39      wallets: [
40        ...wallets,
41        {
42          groupName: 'Other',
43          wallets: [argentWallet, trustWallet, ledgerWallet],
44        }
45      ],
46      chains: [mainnet, sepolia],
47      ssr: true
48    });
49  
50    const justweb3Config: JustWeb3ProviderConfig = {
51  "config": {
52    "origin": "https://demo.justaname.id/",
53    "domain": "demo.justaname.id",
54    "signInTtl": 86400000
55  },
56  "networks": [
57    {
58      "chainId": 1,
59      "providerUrl": "<MAINNET_PROVIDER_URL>"
60    },
61    {
62      "chainId": 11155111,
63      "providerUrl": "<SEPOLIA_PROVIDER_URL>"
64    }
65  ],
66  "enableAuth": true,
67  "openOnWalletConnect": true,
68  "allowedEns": "all",
69  "color": {
70    "primary": "hsl(216, 90%, 58%)",
71    "background": "hsl(0, 0%, 100%)",
72    "destructive": "hsl(0, 100%, 50%)"
73  }
74};
75  
76    const queryClient = new QueryClient();
77  
78    return (
79      <WagmiProvider config={config}>
80        <QueryClientProvider client={queryClient}>
81          <RainbowKitProvider>
82            <JustWeb3Provider config={justweb3Config}>
83              <JustWeb3Button>
84                <ConnectButton />
85              </JustWeb3Button>
86            </JustWeb3Provider>
87          </RainbowKitProvider>
88        </QueryClientProvider>
89      </WagmiProvider>
90    );
91};
92
93export default App;