Blockchain Development for Finance Projects

Adding token interfaces to our app

We need to map the contract ABI and provide a suitable contract interface that our app can use for invoking the token smart contracts and calling the contract methods. Let's see how we can accomplish this:

1. Within the token folder, we will create two components for mapping ERC20 and ERC721 tokens. Let's call these all20.js and all721.js, as shown in the following code:

//all20.jsimport MoolahCoin from './MoolahCoin';const Tokens20 = [ MoolahCoin];export default Tokens20;//all721.jsimport Condos from './Condos';const Tokens721 = [ Condos];export default Tokens721;

Currently, these files map our MoolahCoin token (ERC20) and Condos token (ERC721). As you add more tokens to the wallet, you need to add them ...