.allowance method for importing erc20 token to metamask

Question

I was trying out the.allowance method to import erc20 token in my case PKS to metamask. The issue is I don't get the metamask popup for importing the erc20 token but I get the balances PKS token for the particular account without importing.

need this output before fetching balances: Is there any way to adjust the code it should first ask for import and then fetch the balance.

here's my code so far and I am calling getErcBal in useEffect:

async function getErcBal(){
        var WEB3 = await connection();
        var currAddr = WEB3.address;
        var web3 = WEB3.web3Conn;
      
        if(WEB3.isMeta){
          setuseraddress(currAddr);
          setContractAdr(dethContractAddr);
            if(dethContractAddr){
                var dethContract = new web3.eth.Contract(DETH, dethContractAddr);
                var getAllowance = await dethContract.methods
                                    .allowance(currAddr, dethContractAddr)
                                    .call();
                }
                var tokenDethBln = await dethContract.methods.balanceOf(currAddr).call();
            }
            var PksVal = 0;
              if (tokenDethBln && tokenDethBln > 0) {
                PksVal = tokenDethBln / 1000000000000000000;
              }
            setPksbalance(PksVal.toFixed(4))
         
          }
      
      }

Answer 1

Allowance method is not for importing funds. Allowance function uses two addresses, first one is owner address, and second one is spender address. If you previously approved someone to use your funds then it will return some value, otherwise it will give zero.

Answer 2

If you want to import token to metamask, choose the account and you will see the import token option:

Get the ERC20 token address and paste it to the field. It will automatically populate the "symbol" field:

Click on "Add Custom Token" then you will get next screen:

click on "Import Tokens"