└── ApprovalToken.js


/ApprovalToken.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   useAddress,
 3 |   useContract,
 4 |   useContractEvents,
 5 |   useContractWrite,
 6 |   useTransferToken,
 7 | } from '@thirdweb-dev/react'
 8 | 
 9 | export default function ApprovalToken() {
10 |   const address = useAddress()
11 |   const contractAddress = '0x905BAe91569339fa21de6aaba9B0564CeBd9F7F4'
12 |   const { contract } = useContract(contractAddress)
13 |   const { mutateAsync: approve, isLoading } = useContractWrite(
14 |     contract,
15 |     'approve'
16 |   )
17 |   const { mutate: transferTokens } = useTransferToken(contract)
18 |   const { data: event } = useContractEvents(contract, 'Approval')
19 |   console.log(event)
20 |   if (isLoading) return <p>Loading...</p>
21 |   const appr = async () => {
22 |     try {
23 |       const data = await approve({ args: [address, 1] })
24 |       console.info('contract call successs', data)
25 |     } catch (err) {
26 |       console.error('contract call failure', err)
27 |     }
28 |   }
29 |   function transfer() {
30 |     transferTokens({
31 |       to: '0x9101E40883008206F7adCD4B6c3B69B0d74854f6',
32 |       amount: document.getElementById('total').value,
33 |     })
34 |   }
35 |   return (
36 |     <div>
37 |       <button onClick={appr}>Approve</button>
38 |       <button onClick={transfer}>Send</button>
39 |       <input type="number" id="total" />
40 |     </div>
41 |   )
42 | }
43 | 


--------------------------------------------------------------------------------