From 846a18dac69078d9bb31c03ea735ae2b6648c306 Mon Sep 17 00:00:00 2001 From: jeff <113397187+cyberhorsey@users.noreply.github.com> Date: Wed, 21 Dec 2022 22:37:55 -0800 Subject: [PATCH] feat(bridge-ui): tooltips, bug fix, general UI enhancements (#462) --- packages/bridge-ui/index.html | 12 +- packages/bridge-ui/package.json | 1 + packages/bridge-ui/public/taiko-favicon.png | Bin 0 -> 7618 bytes packages/bridge-ui/src/App.svelte | 20 +- .../src/components/AddressDropdown.svelte | 25 +- .../src/components/ChainDropdown.svelte | 21 +- .../src/components/ERC20Faucet.svelte | 65 ++++ .../bridge-ui/src/components/Navbar.svelte | 12 +- .../src/components/TaikoBanner.svelte | 2 +- .../bridge-ui/src/components/Tooltip.svelte | 11 + .../src/components/Transaction.svelte | 67 +++- .../src/components/TransactionDetail.svelte | 76 +++++ .../src/components/Transactions.svelte | 9 +- .../src/components/buttons/Connect.svelte | 4 +- .../src/components/buttons/SelectToken.svelte | 13 +- .../src/components/form/BridgeForm.svelte | 86 ++--- .../bridge-ui/src/components/form/Memo.svelte | 67 ++-- .../src/components/form/ProcessingFee.svelte | 79 ++++- .../src/components/form/SelectChain.svelte | 6 +- .../src/components/icons/ArrowDown.svelte | 14 - .../src/components/icons/ArrowLeft.svelte | 4 - .../components/icons/ArrowRightLeft.svelte | 14 - .../src/components/icons/ChevDown.svelte | 15 - .../components/icons/CoinbaseWallet.svelte | 6 +- .../src/components/icons/Copy.svelte | 5 - .../src/components/icons/Disconnect.svelte | 5 - .../src/components/icons/Horse.svelte | 59 ++++ .../src/components/icons/Logo.svelte | 27 -- .../src/components/icons/MetaMask.svelte | 296 ++++++++++-------- .../src/components/icons/TaikoLogo.svelte | 62 ++++ .../src/components/icons/Transactions.svelte | 6 - .../src/components/modals/Modal.svelte | 16 +- .../src/components/modals/TooltipModal.svelte | 17 + .../src/constants/abi/MintableERC20.ts | 255 +++++++++++++++ packages/bridge-ui/src/domain/token.ts | 3 +- packages/bridge-ui/src/erc20/bridge.spec.ts | 17 +- packages/bridge-ui/src/erc20/bridge.ts | 10 +- packages/bridge-ui/src/i18n.js | 69 ++-- packages/bridge-ui/src/pages/home/Home.svelte | 42 ++- packages/bridge-ui/src/store/transactions.ts | 3 +- .../src/utils/recommendProcessingFee.ts | 8 +- pnpm-lock.yaml | 6 + 42 files changed, 1083 insertions(+), 452 deletions(-) create mode 100644 packages/bridge-ui/public/taiko-favicon.png create mode 100644 packages/bridge-ui/src/components/ERC20Faucet.svelte create mode 100644 packages/bridge-ui/src/components/Tooltip.svelte create mode 100644 packages/bridge-ui/src/components/TransactionDetail.svelte delete mode 100644 packages/bridge-ui/src/components/icons/ArrowDown.svelte delete mode 100644 packages/bridge-ui/src/components/icons/ArrowLeft.svelte delete mode 100644 packages/bridge-ui/src/components/icons/ArrowRightLeft.svelte delete mode 100644 packages/bridge-ui/src/components/icons/ChevDown.svelte delete mode 100644 packages/bridge-ui/src/components/icons/Copy.svelte delete mode 100644 packages/bridge-ui/src/components/icons/Disconnect.svelte create mode 100644 packages/bridge-ui/src/components/icons/Horse.svelte delete mode 100644 packages/bridge-ui/src/components/icons/Logo.svelte create mode 100644 packages/bridge-ui/src/components/icons/TaikoLogo.svelte delete mode 100644 packages/bridge-ui/src/components/icons/Transactions.svelte create mode 100644 packages/bridge-ui/src/components/modals/TooltipModal.svelte create mode 100644 packages/bridge-ui/src/constants/abi/MintableERC20.ts diff --git a/packages/bridge-ui/index.html b/packages/bridge-ui/index.html index 772cde44bed..d52ecefa974 100644 --- a/packages/bridge-ui/index.html +++ b/packages/bridge-ui/index.html @@ -2,12 +2,14 @@
- - - - - + + + +