-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
wallet Connect Button
62 lines (59 loc) · 1.24 KB
/
wallet Connect Button
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
import {
ThirdwebProvider,
ConnectButton,
darkTheme,
} from "thirdweb/react";
import {
createWallet,
walletConnect,
inAppWallet,
} from "thirdweb/wallets";
const client = createThirdwebClient({
clientId: "YOUR_CLIENT_ID",
});
const wallets = [
createWallet("io.metamask"),
createWallet("com.coinbase.wallet"),
walletConnect(),
inAppWallet({
auth: {
options: [
"email",
"google",
"apple",
"facebook",
"phone",
],
},
}),
createWallet("com.trustwallet.app"),
createWallet("app.phantom"),
];
export default function App() {
return (
<ThirdwebProvider>
<ConnectButton
client={client}
wallets={wallets}
theme={darkTheme({
colors: {
accentText: "#7a33ff",
accentButtonBg: "#7a33ff",
modalBg: "#07064c",
dropdownBg: "#07064c",
borderColor: "#f28245",
separatorLine: "#c6ac06",
danger: "#eaf8fb",
success: "#04fb21",
secondaryText: "#e50672",
},
})}
connectModal={{
size: "wide",
titleIcon:
"https://angelnetcoin-mainnet.org",
}}
/>
</ThirdwebProvider>
);
}