-
- {hasEligibleAssets
- ? "You have some assets that are eligible for migration! Click the 'Convert' button to swap them for Wormhole tokens."
- : "You don't have any assets eligible for migration."}
-
-
- {migrators?.map((address) => {
- return (
-
- );
- })}
-
-
- )}
-
- );
-
- return (
-
-
- Migrate Assets
-
- {content}
-
- );
-}
diff --git a/src/components/Migration/EvmWorkflow.tsx b/src/components/Migration/EvmWorkflow.tsx
deleted file mode 100644
index 2172cda19..000000000
--- a/src/components/Migration/EvmWorkflow.tsx
+++ /dev/null
@@ -1,250 +0,0 @@
-import { ChainId } from "@certusone/wormhole-sdk";
-import { CircularProgress, makeStyles, Typography } from "@material-ui/core";
-import { Alert } from "@material-ui/lab";
-import { parseUnits } from "ethers/lib/utils";
-import { useSnackbar } from "notistack";
-import { useCallback, useState } from "react";
-import { useEthereumProvider } from "../../contexts/EthereumProviderContext";
-import useEthereumMigratorInformation from "../../hooks/useEthereumMigratorInformation";
-import useIsWalletReady from "../../hooks/useIsWalletReady";
-import ButtonWithLoader from "../ButtonWithLoader";
-import ConnectWalletButton from "../ConnectWalletButton";
-import NumberTextField from "../NumberTextField";
-import ShowTx from "../ShowTx";
-import SmartAddress from "../SmartAddress";
-
-const useStyles = makeStyles((theme) => ({
- spacer: {
- height: "2rem",
- },
- containerDiv: {
- textAlign: "center",
- padding: theme.spacing(2),
- },
-}));
-
-export default function EvmWorkflow({
- chainId,
- migratorAddress,
-}: {
- chainId: ChainId;
- migratorAddress: string;
-}) {
- const classes = useStyles();
- const { enqueueSnackbar } = useSnackbar();
- const { signer, signerAddress } = useEthereumProvider(chainId as any);
- const { isReady } = useIsWalletReady(chainId);
- const [toggleRefresh, setToggleRefresh] = useState(false);
- const forceRefresh = useCallback(
- () => setToggleRefresh((prevState) => !prevState),
- []
- );
- const poolInfo = useEthereumMigratorInformation(
- migratorAddress,
- signer,
- signerAddress,
- toggleRefresh
- );
- const fromWalletBalance = poolInfo.data?.fromWalletBalance;
-
- const [migrationAmount, setMigrationAmount] = useState("");
- const [migrationIsProcessing, setMigrationIsProcessing] = useState(false);
- const [error, setError] = useState("");
- const [transaction, setTransaction] = useState(null);
-
- const fromParse = (amount: string) => {
- try {
- if (!poolInfo.data?.fromDecimals || !migrationAmount) {
- return BigInt(0);
- }
- return parseUnits(amount, poolInfo.data.fromDecimals).toBigInt();
- } catch (e) {
- return BigInt(0);
- }
- };
-
- const hasRequisiteData = poolInfo.data;
- const amountGreaterThanZero = fromParse(migrationAmount) > BigInt(0);
- const sufficientFromTokens =
- fromWalletBalance &&
- migrationAmount &&
- fromParse(migrationAmount) <= fromParse(fromWalletBalance);
- const sufficientPoolBalance =
- poolInfo.data?.toPoolBalance &&
- migrationAmount &&
- parseFloat(migrationAmount) <= parseFloat(poolInfo.data.toPoolBalance);
-
- const isReadyToTransfer =
- isReady &&
- amountGreaterThanZero &&
- sufficientFromTokens &&
- sufficientPoolBalance &&
- hasRequisiteData;
-
- const getNotReadyCause = () => {
- if (!isReady) {
- return "Connect your wallet to proceed.";
- } else if (poolInfo.error) {
- return "Unable to retrieve necessary information. This asset may not be supported.";
- } else if (!migrationAmount) {
- return "Enter an amount to transfer.";
- } else if (!amountGreaterThanZero) {
- return "The transfer amount must be greater than zero.";
- } else if (!sufficientFromTokens) {
- return "There are not sufficient funds in your wallet for this transfer.";
- } else if (!sufficientPoolBalance) {
- return "There are not sufficient funds in the pool for this transfer.";
- } else {
- return "";
- }
- };
-
- const handleAmountChange = useCallback(
- (event) => setMigrationAmount(event.target.value),
- [setMigrationAmount]
- );
- const handleMaxClick = useCallback(() => {
- if (fromWalletBalance) {
- setMigrationAmount(fromWalletBalance);
- }
- }, [fromWalletBalance]);
-
- const migrateTokens = useCallback(async () => {
- if (!poolInfo.data) {
- enqueueSnackbar(null, {
- content: Could not migrate the tokens.,
- }); //Should never be hit
- return;
- }
- try {
- setMigrationIsProcessing(true);
- setError("");
- await poolInfo.data.fromToken.approve(
- poolInfo.data.migrator.address,
- parseUnits(migrationAmount, poolInfo.data.fromDecimals)
- );
- const transaction = await poolInfo.data.migrator.migrate(
- parseUnits(migrationAmount, poolInfo.data.fromDecimals)
- );
- await transaction.wait();
- setTransaction(transaction.hash);
- forceRefresh();
- enqueueSnackbar(null, {
- content: (
- Successfully migrated the tokens.
- ),
- });
- setMigrationIsProcessing(false);
- } catch (e) {
- console.error(e);
- enqueueSnackbar(null, {
- content: Could not migrate the tokens.,
- });
- setMigrationIsProcessing(false);
- setError("Failed to send the transaction.");
- }
- }, [poolInfo.data, migrationAmount, enqueueSnackbar, forceRefresh]);
-
- //TODO tokenName
- const toTokenPretty = (
-
- );
- const fromTokenPretty = (
-
- );
- const poolPretty = (
-
- );
-
- const fatalError = poolInfo.error
- ? "Unable to retrieve necessary information. This asset may not be supported."
- : null;
-
- const explainerContent = (
-
- This action will convert
-
- {fromTokenPretty} {`(Balance: ${fromWalletBalance || ""})`}
-
-
- to
-
- {toTokenPretty} {`(Balance: ${poolInfo.data?.toWalletBalance || ""})`}
-
-
- Utilizing this pool
-
- {poolPretty} {`(Balance: ${poolInfo.data?.toPoolBalance || ""})`}
-
-
-
- {!isFinalized
- ? `Waiting for finality on ${CHAINS_BY_ID[chainId].name} which may take up to 15 minutes.`
- : `Waiting for Wormhole Network consensus...`}
-
- {!isFinalized ? (
- <>
- Last finalized block number
-
- This transaction's block number
-
-
- ) : null}
-
-
-
- {chainId === CHAIN_ID_ARBITRUM
- ? `Waiting for Ethereum finality on Arbitrum block ${tx?.block}` //TODO: more advanced finality checking for Arbitrum
- : chainId === CHAIN_ID_BASE
- ? `Waiting for Ethereum finality on Base block ${tx?.block}` //TODO: more advanced finality checking for Base
- : chainId === CHAIN_ID_OPTIMISM
- ? `Waiting for Ethereum finality on Optimism block ${tx?.block}`
- : blockDiff < expectedBlocks
- ? `Waiting for ${blockDiff} / ${expectedBlocks} confirmations on ${CHAINS_BY_ID[chainId].name}...`
- : chainId === CHAIN_ID_POLYGON
- ? `Waiting for finality on ${CHAINS_BY_ID[chainId].name} which may take between 30 minutes to 3 hours to complete.`
- : `Waiting for Wormhole Network consensus...`}
-
-
- 
- 
- 
-