feat: update package name in sample-react-app/package.json

vechain · Sep 3, 2024 · fa84761 · fa84761
1 parent 6c79060
commit fa84761
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 9 deletions.
diff --git a/examples/sample-react-app/package.json b/examples/sample-react-app/package.json
@@ -1,5 +1,5 @@
 {
-    "name": "sameple-react-app",
+    "name": "sample-react-app",
     "version": "0.0.0",
     "private": true,
     "type": "module",

diff --git a/examples/sample-react-app/src/App.tsx b/examples/sample-react-app/src/App.tsx
@@ -4,10 +4,11 @@ import {
     useWallet,
     useWalletModal,
 } from '@vechain/dapp-kit-react';
+import { ERC20_ABI, VTHO_ADDRESS } from '@vechain/sdk-core';
 import { useEffect, useState } from 'react';
 
 function App() {
-    const { account } = useWallet();
+    const { account, signer } = useWallet();
 
     const thor = useSDK().thor;
     const { open, onConnectionStatusChange } = useWalletModal();
@@ -32,12 +33,21 @@ function App() {
     }, [account, onConnectionStatusChange]);
 
     useEffect(() => {
-        if (account != null) {
-            thor.accounts.getAccount(account).then((account) => {
-                console.log(account);
-            });
-        }
-    }, [thor]);
+        console.log('signer', signer);
+    }, [signer]);
+
+    const testTx = async () => {
+        const vthoContract = thor.contracts.load(
+            VTHO_ADDRESS,
+            ERC20_ABI,
+            signer,
+        );
+
+        vthoContract.transact.transfer(
+            '0x0000000000000000000000000000000000000000',
+            1000000000000000000n,
+        );
+    };
 
     return (
         <div className="container">
@@ -46,6 +56,7 @@ function App() {
             <WalletButton />
             <div className="label">custom button:</div>
             <button onClick={open}>{buttonText}</button>
+            <button onClick={testTx}>Test TX</button>
         </div>
     );
 }

diff --git a/examples/sample-react-app/src/main.tsx b/examples/sample-react-app/src/main.tsx
@@ -22,7 +22,7 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
             nodeUrl={'https://testnet.vechain.org/'}
             usePersistence
             walletConnectOptions={walletConnectOptions}
-            genesis={'main'}
+            genesis={'test'}
         >
             <App />
         </DAppKitProvider>