-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.tsx
100 lines (89 loc) · 2.05 KB
/
App.tsx
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* Generated with the TypeScript template
* https://github.com/react-native-community/react-native-template-typescript
*
* @format
*/
import {
CoinbaseWallet,
ConnectWallet,
RainbowWallet,
ThirdwebProvider,
useContract,
useNFTs,
TrustWallet,
MetaMaskWallet,
useSDK,
Web3Button,
} from '@thirdweb-dev/react-native';
import React from 'react';
import {
Button,
SafeAreaView,
StyleSheet,
useColorScheme,
View,
} from 'react-native';
import {Colors} from 'react-native/Libraries/NewAppScreen';
const App = () => {
return (
<ThirdwebProvider
activeChain={'ethereum'}
supportedWallets={[
RainbowWallet,
CoinbaseWallet,
TrustWallet,
MetaMaskWallet,
]}>
<AppInner />
</ThirdwebProvider>
);
};
const AppInner = () => {
const isDarkMode = useColorScheme() === 'dark';
const backgroundStyle = {
backgroundColor: Colors.darker,
};
const {contract} = useContract('0xb8A3454db7042Ee72C93b42565357A2e13967FD4');
const {data: nfts} = useNFTs(contract);
const sdk = useSDK();
return (
<SafeAreaView style={backgroundStyle}>
<View style={styles.view}>
<ConnectWallet theme="dark" />
<Button
title="Sign message"
onPress={() => {
sdk?.wallet
.sign('test')
.then(() => console.log('signed'))
.catch(err => console.log(err));
}}
/>
<Web3Button
contractAddress="0xb8A3454db7042Ee72C93b42565357A2e13967FD4"
action={contract => {
return contract?.erc721.claimTo(
'0x0beECa30ea02FB3B6258e056d8d6Cff6fB7d7240',
1,
);
}}>
Claim
</Web3Button>
</View>
</SafeAreaView>
);
};
const styles = StyleSheet.create({
view: {
height: '100%',
display: 'flex',
justifyContent: 'space-evenly',
alignItems: 'center',
alignContent: 'center',
},
});
export default App;