import { useRouter } from 'next/router'; import { useMemo } from 'react'; import { WithdrawPageContainer } from './withdraw-page-container'; import { VegaWalletContainer } from '../../../components/vega-wallet-container'; import { Web3Container } from '../../../components/web3-container'; import { t } from '@vegaprotocol/react-helpers'; const Withdraw = () => { 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 ( <VegaWalletContainer> <Web3Container> <div className="max-w-[420px] p-24 mx-auto"> <h1 className="text-h3 mb-12">{t('Withdraw')}</h1> <WithdrawPageContainer assetId={assetId} /> </div> </Web3Container> </VegaWalletContainer> ); }; export default Withdraw;