From 1eb44a433b7a6ee81f220a7f4ab20f61d552b7b5 Mon Sep 17 00:00:00 2001 From: Allan Almeida Date: Thu, 26 Sep 2024 16:02:39 +1000 Subject: [PATCH] update passport-sample-app --- .../zkevm/EthSendTransactionExamples/NFTTransfer.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/passport/sdk-sample-app/src/components/zkevm/EthSendTransactionExamples/NFTTransfer.tsx b/packages/passport/sdk-sample-app/src/components/zkevm/EthSendTransactionExamples/NFTTransfer.tsx index 6f7c3a0cfa..24d1716dc7 100644 --- a/packages/passport/sdk-sample-app/src/components/zkevm/EthSendTransactionExamples/NFTTransfer.tsx +++ b/packages/passport/sdk-sample-app/src/components/zkevm/EthSendTransactionExamples/NFTTransfer.tsx @@ -20,7 +20,7 @@ type GroupedAsset = { assets: NFTCandidate[]; }; -type NFTCandidate = BlockchainData.NFT & { selected: boolean, to_address?: string, to_address_required?: string }; +type NFTCandidate = BlockchainData.NFTWithBalance & { selected: boolean, to_address?: string, to_address_required?: string }; const chainNameMapping = (environment: EnvironmentNames) => { switch (environment) { @@ -36,7 +36,7 @@ const chainNameMapping = (environment: EnvironmentNames) => { }; function NFTTransfer({ disabled, handleExampleSubmitted }: RequestExampleProps) { - const [assets, setAssets] = useState([]); + const [assets, setAssets] = useState([]); const [transfers, setTransfers] = useState[]>([]); const [fromAddress, setFromAddress] = useState(''); const { zkEvmProvider } = usePassportProvider(); @@ -111,14 +111,14 @@ function NFTTransfer({ disabled, handleExampleSubmitted }: RequestExampleProps) }; const assetsRes = await blockchainData.listNFTsByAccountAddress(payload); - setAssets(assetsRes.result as BlockchainData.NFT[]); + setAssets(assetsRes.result as BlockchainData.NFTWithBalance[]); }; getAssets().catch(console.log); }, [blockchainData, chainName, fromAddress]); const groupedAssets = useMemo( () => assets - .reduce((group: GroupedAsset[], rawAsset: BlockchainData.NFT) => { + .reduce((group: GroupedAsset[], rawAsset: BlockchainData.NFTWithBalance) => { const sameContractAddressAssets = group.find( (g) => g.contract_address.toLowerCase() === rawAsset.contract_address.toLowerCase(), );