e463bbe238
* feat: unhardcode contract addresses * fix: linting and tests * feat: switch contract usage in token app to use unhardcoded addresses * chore: remove other usage of hard coded contract addresses * feat: convert contracts to classes, update claim contract to fix circular dependency * feat: add hard coded contract addresses to contracts page * fix: misc tidy up * chore: rename ethers big num conversion func * fix: remove pending transactions modal * chore: add single toBigNum function that can accept number string or EthersBignNumber * chore: delete unused tranche helpers and decimals functions from smart contracts lib * feat: add faucetable token class * fix: reset tx state after early exit from approve tx * feat: re add transaction modal using zustand store * fix: loader colors for eth wallet * fix: pass ethereum config to gurantee existence before tx execution * chore: lint smart contracts lib * chore: fix web3container to use children and not render prop * chore: lint * fix: use background to mock ethereum wallet to avoid mocking globally for every test * chore: move web3 mock to common steps and call from withdrawals feature tests
37 lines
892 B
TypeScript
37 lines
892 B
TypeScript
import { useRouter } from 'next/router';
|
|
import { useMemo } from 'react';
|
|
import { Web3Container } from '../../../components/web3-container';
|
|
import { DepositContainer } from './deposit-container';
|
|
|
|
const Deposit = () => {
|
|
const { query } = useRouter();
|
|
|
|
// AssetId can be specified in the query string to allow link to deposit a particular asset
|
|
const assetId = useMemo(() => {
|
|
if (query.assetId && Array.isArray(query.assetId)) {
|
|
return undefined;
|
|
}
|
|
|
|
if (Array.isArray(query.assetId)) {
|
|
return undefined;
|
|
}
|
|
|
|
return query.assetId;
|
|
}, [query]);
|
|
|
|
return (
|
|
<Web3Container>
|
|
<div className="max-w-[420px] p-24 mx-auto">
|
|
<h1 className="text-h3 mb-12">Deposit</h1>
|
|
<DepositContainer assetId={assetId} />
|
|
</div>
|
|
</Web3Container>
|
|
);
|
|
};
|
|
|
|
Deposit.getInitialProps = () => ({
|
|
page: 'deposit',
|
|
});
|
|
|
|
export default Deposit;
|