Batch Calls - Frontend Examples
Batching transactions to improve your UX
Another game changing feature of the Superfluid protocol is the ability to batch transactions together to improve the quality of UX for your users. We elaborate much more on batch calls inside of our guide on the topic. However, what you need to know for this interactive section is that batch calls can be created with the following operations:
You can learn more about
callAppActionin our sdk overview section - it will allow you to add any function on your Super App contract to a batch call - even if that function performs functionality that's outside of the normal scope of a superfluid operation (such as a standard ERC20 transfer or calling another contract of a separate DeFi protocol)
In our example, we'll be focusing on a simple usage of batch calls: upgrading tokens to super tokens, and creating a flow in the same transaction. We'll achieve this by using the
operationUpgradesuper token call, and the
_callAgreementcall (to create the flow).
First, we'll need to approve the super token contract (in this case, fDAIx on Kovan) to spend our fDAI. Because this is an operation that is done outside of the Superfluid protocol on the ERC20 token contract, it cannot be batched.
After the approval, you can enter the number of tokens you'd like to upgrade, and information about the flow you'd like to create and click the 2nd button to run your batch call. You'll be able to see the upgrade and createFlow operation happen in a single transaction (just check the console for details!)
NOTE: we recommend using the Superfluid Console and the Superfluid Dashboard as you go through these interactive tutorials.
Approve the DAI spend, then enter an upgrade amount and the receiver + flowRate for your stream
Keep in mind that this is a short example, you could run many upgrade operations & callAgreement operations in this single transaction if you wanted to.