Linear timelock token User Interface (UI)

What does it do?

Interacts with the type of timelock smart contract, which allows users to unlock tokens.

How do end users interact with the timelock UI

Users simply load the page, (the user's account details are automatically pre-filled in the address input box).

The user's available (un-lockable) balance is calculated automatically.

The user then simply clicks the "Unlock Your Tokens" button (please note: the maximum amount of available tokens are automatically pre-filled in the amount input box).

It is recommended to also click the "Refresh/Calculate Balances" button after any transfers.

Where is the timelock smart contract

There are a few different timelock smart contracts i.e. which are deployed on the Ethereum mainnet.

How to deploy this UI

Clone this repository

git clone [email protected]:second-state/linear-timelock-user-interface.git

ABI and address of Timelock

Paste the ABI and the address of the linear timelock's successfully deployed contract instance, into the helper.js file

Contract address of ERC20 (NOT timelock)

In addition to that, also paste the contract address of the ERC20 contract into the helper.js file. You will see the two addresses are clearly marked.

Installing

Then simply type

npm install

Running

To publish/deploy simply type

npm run deploy

Convention for URL

The path prefix is

claim-parastate-erc20-token

The 3 parameters are locking, cliff and vesting. For example.

_locking-na_cliff-na_vesting-na`

When combined will produce URL paths like the following examples

no locking, no cliff and no vesting

claim-parastate-erc20-token_locking-na_cliff-na_vesting-na

30 Day lock, no cliff and no vesting

claim-parastate-erc20-token_locking-30-day_cliff-na_vesting-na

no locking, 90 day cliff and 15 months vesting

claim-parastate-erc20-token_locking-na_cliff-90-day_vesting-15-month

This particular site will be hosted to https://second-state.github.io/claim-parastate-erc20-token_locking-90_cliff-na_vesting-na/html/index.html