import React, { useState, useEffect } from 'react'; import { Client } from '@tokenscript/token-negotiator'; const App = () => { const [tokens, setTokens] = useState([]); const [proof, setProof] = useState(); useEffect(() => { const negotiator = new Client({ type: 'active', issuers: [ { collectionID: 'Give your collection name here', contract: 'Smart Contract Address Goes Here 0x...', chain: 'Chain Goes Here' } ], options: { overlay: { openingHeading: "Open a new world of discounts available with your tokens.", issuerHeading: "Get discount with Ticket", repeatAction: "try again", theme: "light", position: "bottom-right" }, filters: {}, } }); negotiator.on("tokens-selected", (tokens) => { // selected tokens let selectedTokens = []; tokenKeys.map((token) => { selectedTokens.push(...tokens.selectedTokens[token].tokens); }); setTokens(selectedTokens); }); negotiator.on("token-proof", (proof) => { // use proof setProof(proof); }); negotiator.negotiate(); }, []); return ( <div> <div className="overlay-tn"></div> </div> ) } export default App;