Skip to main content

Detecting Completion of On-Chain Verification in Frontend

Question​

After successfully creating my smart contract for on-chain verification and verifying my credential on-chain, how can I know if the verification is completed from the frontend? Is there any callback method for on-chain verification?

Answer​

By default, validators in the smart contract do not trigger any events to signal the completion of on-chain verification. To address this from a frontend perspective, you can enhance your smart contract by incorporating custom events. These events can be emitted in the _afterProofSubmit hook of your contract.

Here’s a brief guide on implementing and utilizing this approach:

  1. Modify Your Smart Contract: Add a custom event in your contract that fires upon successful completion of the _afterProofSubmit hook. For example:

    event VerificationCompleted(bool verified);

    function _afterProofSubmit(...) internal override {
        ...
        emit VerificationCompleted(true);
    }

  2. Listen for the Event in Frontend: In your frontend application, use web3.js, ethers.js, or a similar library to listen for the specific event emitted by your contract. You'll need to specify the contract address and the event signature.

    myContract.on("VerificationCompleted", (verified) => {
      if (verified) {
        console.log("Verification completed successfully.");
      }
    });

This method allows your frontend to asynchronously receive a notification when the on-chain verification process has concluded, enabling you to take further actions or update the UI accordingly.

Remember, you will need to listen for events on the specific contract address involved in the verification process, ensuring your frontend is dynamically updated based on the contract's activity.