switcheo/zilswap-webapp

Zilswap Web UI. The AMM-protocol for ZIlliqa.

ZilSwap Webapp

This repository contains the UI code for the ZilSwap dApp.

The webapp is hosted on canonical url: https://zilswap.io. IFPS hosting is coming soon.

Development

The ZilSwap webapp is built using React. Simply install Node.js and node package dependencies to begin.

yarn install
yarn start

The webapp will be running on http://localhost:3000 by default

Deployment

Pushing code to staging / master deploys to staging and prod respectively.

Please ensure to check that your code passes the linter with no warnings by running yarn lint before deploying. You will need to have eslint installed: npm i -g eslint.

Contributing

View our contribution guidelines before making a pull request.

zilswap-webapp's Issues

[BUG] Type a one-liner describing the issue here

Hai i just found this isue
My zill balance not detected so i cnot swap..
[email protected] thanks

Android 10
Os miui12
Redmi note 8
Every browser i have
Kiwi chrome etc.

[BUG] Difficult to read font

When pressing connect to a wallet there is a security message that reads "For the safety of our users, login via private key has been disabled permanently."

The lettering for this is slightly different sizes and the letters E and A are hard to differentiate between in both light and dark mode.

This may prove difficult for those with visual difficulties.

I am viewing using the Brave Browser with shield mode on.

[BUG] Ledger Nano does not work after the last UI update

After the last UI update I have some problem signing a transaction with ledger nano x using zilpay extension with chrome. I get this error in the javascript console: Failed to sign with Ledger device: U2F DEVICE_INELIGIBLE.

I tried both nano s and x
reinstalled zil app on ledger, reinstalled the extension both on chrome and firefox
changed usb cables ... nothing works

Here is console log from Firefox:
Object { name: "TransportStatusError", message: "Ledger device: UNKNOWN_ERROR (0x6801)", stack: "TransportStatusError@https://zilpay.github.io/ledger-bridge/index.js:1:23058/nTransport/this.send@https://zilpay.github.io/ledger-bridge/index.js:1:88576/nasync*cb@https://zilpay.github.io/ledger-bridge/index.js:1:98446/npromise callbackcb@https://zilpay.github.io/ledger-bridge/index.js:1:98481/npromise callbackcb@https://zilpay.github.io/ledger-bridge/index.js:1:98481/npromise callbackcb@https://zilpay.github.io/ledger-bridge/index.js:1:98481/npromise callbackcb@https://zilpay.github.io/ledger-bridge/index.js:1:98481/npromise callbackcb@https://zilpay.github.io/ledger-bridge/index.js:1:98481/npromise callbackcb@https://zilpay.github.io/ledger-bridge/index.js:1:98481/npromise callbackcb@https://zilpay.github.io/ledger-bridge/index.js:1:98481/npromise callbackcb@https://zilpay.github.io/ledger-bridge/index.js:1:98481/npromise callback*signTxn@https://zilpay.github.io/ledger-bridge/index.js:1:98028/ndecorateAppAPIMethod/<@https://zilpay.github.io/ledger-bridge/index.js:1:91180/n_callee$@https://zilpay.github.io/ledger-bridge/index.js:1:151687/ntryCatch@https://zilpay.github.io/ledger-bridge/index.js:1:154579/ninvoke@https://zilpay.github.io/ledger-bridge/index.js:1:154210/ndefineIteratorMethods/</<@https://zilpay.github.io/ledger-bridge/index.js:1:155345/nasyncGeneratorStep@https://zilpay.github.io/ledger-bridge/index.js:1:87027/n_next@https://zilpay.github.io/ledger-bridge/index.js:1:87362/n_asyncToGenerator/</<@https://zilpay.github.io/ledger-bridge/index.js:1:87499/n_asyncToGenerator/<@https://zilpay.github.io/ledger-bridge/index.js:1:87256/nhandler@https://zilpay.github.io/ledger-bridge/index.js:1:152576/n@https://zilpay.github.io/ledger-bridge/index.js:1:152598/n", statusCode: 26625, statusText: "UNKNOWN_ERROR" }

[BUG] - Bridge: Disable confirmation button when amount entered exceeds balance

Describe the bug
Users are able to enter an amount that exceeds their wallet balance when making transfers on ZilBridge.

To Reproduce
Steps to reproduce the behavior:

1. Connect wallets
2. Enter amount greater than the available balance in wallet
3. Click head to confirmation

Expected behavior
Disable confirmation button when amount entered exceeds balance.
Amount to be transferred exceeds your balance

Screenshots

[FEATURE] ADD CHART ON MOBILE VERSION

CHART ON DESKTOP VERSION

NO CHART ON MOBILE VERSION

Please Add CHART Feauture in Mobile Version like on Desktop Version when we're do SWAPPING.

ABOUT ME

Name : Muhamad Taopik
Email : [email protected]
Twitter : @mr94t3z
Telegram : @Mr94t3z
ZIL Address : zil174cfcgsm5an7luprg3l7qhyrsuauza76tla45x
ERC-20 Address : 0xcB46Bfb7315eca9ECd42D02C1AE174DA4BBFf291

[BUG] Transfer in Progress...

My transfer is stuck in Transfer in Progress... for almost an hour now.

The UI is showing Estimated Time Left ~25 Minutes even though the ViewBlock is showing Transaction failed.

The UI should allow users to either force cancel the transaction or allow them to start a new one when the transaction is stuck.

[BUG] Type a one-liner describing the issue here

Bugs.

• Unreadable zil and eth balance on zilswap. So can't swap zil to zilswap.
• Even if the balance is not read, you can still bridge and confirm transactions. Example: zil to eth. But the problem is that the zil balance decreases and the eth balance does not increase, and vice versa.
  Before bridge
• zil balance :10000
• eth balance : 5
  Smartphone
• Realme
• Android 10
• Kiwi Browser
  
  
  
  

[BUG] The transfer process is too long and Transaction failed

Tx hash : 0efdbac612fb2082a749d17d6ce7754aaca11676615a383b3c297181f0d9a3e9

[BUG] Zil Transfer to Ethereum not working.

Describe the bug
Trying to transfer 1000 Zil to Ethereum Network. All operations were successful but the last one transfert to the Ethereum Network is still pending.

To Reproduce
Steps to reproduce the behavior:

1. Connected both wallets
2. Input 1000 ZIL to send to Ethereum Network
3. Sign the transaction
4. The operation did not end for more than 24h

Expected behavior
1000 ZIL should have been transferred to the Ethereum Network.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Brave
• Version 1.26.77 Chromium: 91.0.4472.164 (Official Build) (64-bit)

Additional context
Here are the links for all the steps :

• Deposit to TradeHub : https://viewblock.io/zilliqa/tx/59fefc950723d6c35d9076fa744885d6d700b5bf6ef7a1ab1405a091cf6a5684
• TradeHub Confrmation : https://switcheo.org/transaction/C859AADC72481056EFC26267F0E5EA8B0CB0F8CFB1299D54813C99A4ED0C6C50

[BUG] `MainNet` button is broken on Chromium

Describe the bug
The MainNet button at the left bot corner doesn't work on Chromium:

To Reproduce

1. Open zilswap.io or run the local environment and go to localhost:3000
2. Click on TestNet button in the left bot corner:

4. Click on MainNet button in the left bot corner:

6. Nothing will happen. The interface won't switch back to mainnet. Clicking to this button won't have any effect. To reset back to mainnet, you'll need to remove cookies at the browser.

Expected behavior
Clicking on MainNet switches interface to mainnet.

Desktop (please complete the following information):

• OS: Debian testing
• Browser Chromium
• Version 107.0.5304.121

[BUG] ZIL balance not detected on Zilswap

i already have 5000 zill tokens in zillpay from faucet, but in zillswap -. so i can't do swap

[BUG] Type a one-liner describing the issue here

X

Zil faucet token was not deposited into my wallet after requesting for the testnet token on the faucet page [FEATURE] Fill in a one-liner describing your feature request here

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

[BUG] Swapped Zil for zETH confirmed not showing in Zilpay

Swapped Zil for zETH confirmed not showing in Zilpay

Transaction: https://viewblock.io/zilliqa/tx/ec05112a6900164059784e0782871c4262310e663ea2fb4cba03602b6b660a3f?network=testnet

[BUG] Not Scrolling while changing the wallet

Describe the bug
While clicking on the wallet, the scroll option is not there so it is difficult to change the wallet.

Please note that smart contract reverts (transaction failures) are not bugs and will be closed. Check your slippage settings and account balances if that happens!

To Reproduce
Steps to reproduce the behavior:

1. Click on 'the address bar on the top try to change wallet'
2. Scroll down 'It will not work'
3. See an error

Expected behavior
While we want to change wallet we have to see the button below "View past transaction".

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [ windows 10]
• Browser [ chrome
  
  ]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[BUG] Failed Load Chain Eror Network

transaction failed (transactionHash="0xaf6ab35f5a871d22ba4fe2b1b74189a09e1931666885f914c58469efc5bb0ed3", transaction={"hash":"0xaf6ab35f5a871d22ba4fe2b1b74189a09e1931666885f914c58469efc5bb0ed3","type":null,"accessList":null,"blockHash":null,"blockNumber":null,"transactionIndex":null,"confirmations":0,"from":"0x4e89245eda612c9B544EEAB6F30dADF7A72E74ec","gasPrice":{"type":"BigNumber","hex":"0x04a817c800"},"gasLimit":{"type":"BigNumber","hex":"0x03d090"},"to":"0x91F453851E297524749a740D53Cf54A89231487c","value":{"type":"BigNumber","hex":"0x00"},"nonce":5,"data":"0x7d7708d70000000000000000000000007e351a57c20aaaae36dad55494d35026a647961d00000000000000000000000000000000000000000000000000000000000000c000000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000140000000000000000000000000000000000000000000000000000000000000018000000000000000000000000000000000000000000000000000000000000001c000000000000000000000000000000000000000000000000000000000000000140de1c594b585725e85b85518dfcdea41462f64c200000000000000000000000000000000000000000000000000000000000000000000000000000000000000144b811576570067c3c5da3b6a08b2aa08bee82ff100000000000000000000000000000000000000000000000000000000000000000000000000000000000000057a696c2e650000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000014989761fb0c0eb0c05605e849cae77d239f98ac7f00000000000000000000000000000000000000000000000000000000000000000000000000000000000000030000000000000000000000000000000000000000000000000001c6bf5263400000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000001c6bf52634000","r":"0xe84d392765baad19721908abc063145f7d303804116793377d68cbeab3859ca8","s":"0x233af05e39bd65e0643d257aaa0693c58fb7718fed66d960eb21b719df5ef8e2","v":42,"creates":null,"chainId":3}, receipt={"to":"0x91F453851E297524749a740D53Cf54A89231487c","from":"0x4e89245eda612c9B544EEAB6F30dADF7A72E74ec","contractAddress":null,"transactionIndex":0,"gasUsed":{"type":"BigNumber","hex":"0xa8cb"},"logsBloom":"0x00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000","blockHash":"0x2033ac853091fe0af84a4850b8b559dee9133b526a1efd6f0f6cd03faea1c8fb","transactionHash":"0xaf6ab35f5a871d22ba4fe2b1b74189a09e1931666885f914c58469efc5bb0ed3","logs":[],"blockNumber":10597294,"confirmations":2,"cumulativeGasUsed":{"type":"BigNumber","hex":"0xa8cb"},"status":0,"byzantium":true}, code=CALL_EXCEPTION, version=providers/5.3.1)

{"type":"BigNumber","hex":"0x00"},"nonce":5,"data":"0x7d7708d70000000000000000000000007e351a57c20aaaae36dad55494d35026a647961d00000000000000000000000000000000000000000000000000000000000000c000000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000140000000000000000000000000000000000000000000000000000000000000018000000000000000000000000000000000000000000000000000000000000001c000000000000000000000000000000000000000000000000000000000000000140de1c594b585725e85b85518dfcdea41462f64c200000000000000000000000000000000000000000000000000000000000000000000000000000000000000144b811576570067c3c5da3b6a08b2aa08bee82ff100000000000000000000000000000000000000000000000000000000000000000000000000000000000000057a696c2e650000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000014989761fb0c0eb0c05605e849cae77d239f98ac7f00000000000000000000000000000000000000000000000000000000000000000000000000000000000000030000000000000000000000000000000000000000000000000001c6bf5263400000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000001c6bf52634000","r":"0xe84d392765baad19721908abc063145f7d303804116793377d68cbeab3859ca8","s":"0x233af05e39bd65e0643d257aaa0693c58fb7718fed66d960eb21b719df5ef8e2","v":42,"creates":null,"chainId":3},

[BUG] Add funds

When I try add funds for test I have this error:

Error: 500 {"error":"[ethjs-query] while formatting outputs from RPC '{"value":{"code":-32603,"message":"Too Many Requests","data":{"originalError":{}},"stack":"Error: Too Many Requests\n at eval (/www/node_modules/web3-provider-engine/subproviders/rpc.js:52:23)\n at Request.eval [as _callback] (/www/node_modules/web3-provider-engine/subproviders/rpc.js:54:11)\n at Request.self.callback (/www/node_modules/request/request.js:186:22)\n at Request.emit (events.js:315:20)\n at Request.eval (/www/node_modules/request/request.js:1155:10)\n at Request.emit (events.js:315:20)\n at IncomingMessage.eval (/www/node_modules/request/request.js:1077:12)\n at Object.onceWrapper (events.js:421:28)\n at IncomingMessage.emit (events.js:327:22)\n at endReadableNT (internal/streams/readable.js:1327:12)"}}'"}

The steps is:
Step1-

step2-

step3 with error-

I also try add fund on Zil Faucet, but don´t is possible.

Now, I have this message but don´t receive nothing.

[BUG] ZilSwap can't read my ETH balance

Well, i try to do swap, but the ZilSwap cannot read my balance, already try some method, refresh, cache, i even restart my device, still doesn't work

[BUG] Bridge: Balance does not show up at times even after wallet is connected

Describe the bug
Sometimes the wallet balance does not show up even after the wallet has been connected,

To Reproduce
Steps to reproduce the behavior:

1. Connect wallet

Expected behavior
Balance should show up consistently.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Brave

[BUG] FAILED. when transferring ZIL to ETH network. Interface hang even after refreshing and reconnecting zilpay.

Transferring 1500 zil to eth network. Transaction failed. 'nounce is lower than expected'.

UI hangs and display a weird icon in the middle. Even after refreshing and reconnecting zilpay UI still remain as it is.

Please have some kind of animation or countdown to let the user know that the transaction is still processing. Stage 1 to stage 2 is fast. However, it seems to be stuck at Stage 3 for a long time. Seems more than 10mins passed and received a failed transaction notification. Please refer to the image to see an appropriate area for animation and placement

Zil lost not sure where it is
wallet show 2600 zil + 42 zwap = approx 3467 zil. I have 5000 zil as a start.
1500 zil lost when the transaction fail and returned the error message 'nounce is lower than expected'.
How can we make sure the transaction will not fail?
If it does where do we recover the asset?

• Win10
• Brave Browser Version 1.26.74 Chromium: 91.0.4472.124 (Official Build) (64-bit)
• Zilpay 0.9.3

TRANSACTION FAILED

Hi Team,
Greetings.

• Transaction failed as soon as the bridge process(Testnet ZIL from Zilliqa to Ethereum) got initiated. (7/9/2021, 12:05:08 AM)

(Check system clock time on screenshot)

• In the viewblock explorer this got updated and this result is not updated in the zilswap server.
  (Still being shown as transfer in progress - but 'Deposit to TradeHub Contract' done)
  

• At this stage the user can't stop the transfer process or reinitiate the process or start a new bridging process.

• Even tried refreshing the page, closing and re-opening it. Still the transaction is not cancelled or force stopped.

• Even after the expected time of 25 minutes, the transaction is still in progress and the user is unable to do any operation at this stage.

Transaction Hash: 039704a331174cf32151fc460101653cc466e8c0f3087c6b1833e75c8365083b

Please provide a force stop facility or fetch the data from the explorer and make it reflect on zilswap asap.

Thanks!
Gautam.