d8bf887245
* delete token version of vega wallet serivce * update use-user-vote to use new wallet service * remove typo * add further types for transaction submissions, add assets to withdraw page query * update api client package to get generated types, adjust render logic of withdrawals page * fix withdrawals list rendering * update determine id function to not use nodejs buffer * update service api client so it accepts new tx types * remove stray logs and formatting * make filtering erc20 assets the responsibility of the withdraw/deposit lib and not the app * remove sha3 dep and use js-sha3 and ethers to determine ids * use hook for fetching withdrawals form lib, add type policy to ensure withdrawal state is updated correctly * fix: markets page feature
97 lines
2.3 KiB
TypeScript
97 lines
2.3 KiB
TypeScript
import { gql } from '@apollo/client';
|
|
import { t } from '@vegaprotocol/react-helpers';
|
|
import { Splash } from '@vegaprotocol/ui-toolkit';
|
|
import { useVegaWallet } from '@vegaprotocol/wallet';
|
|
import { WithdrawManager } from '@vegaprotocol/withdraws';
|
|
import { ASSET_FRAGMENT } from '../../../lib/query-fragments';
|
|
import Link from 'next/link';
|
|
import { PageQueryContainer } from '../../../components/page-query-container';
|
|
import type {
|
|
WithdrawPageQuery,
|
|
WithdrawPageQueryVariables,
|
|
} from './__generated__/WithdrawPageQuery';
|
|
|
|
const WITHDRAW_PAGE_QUERY = gql`
|
|
${ASSET_FRAGMENT}
|
|
query WithdrawPageQuery($partyId: ID!) {
|
|
party(id: $partyId) {
|
|
id
|
|
withdrawals {
|
|
id
|
|
txHash
|
|
}
|
|
accounts {
|
|
type
|
|
balance
|
|
asset {
|
|
id
|
|
symbol
|
|
}
|
|
}
|
|
}
|
|
assets {
|
|
...AssetFields
|
|
}
|
|
}
|
|
`;
|
|
|
|
interface WithdrawPageContainerProps {
|
|
assetId?: string;
|
|
}
|
|
|
|
/**
|
|
* Fetches data required for the Deposit page
|
|
*/
|
|
export const WithdrawPageContainer = ({
|
|
assetId,
|
|
}: WithdrawPageContainerProps) => {
|
|
const { keypair } = useVegaWallet();
|
|
|
|
if (!keypair) {
|
|
return <p>{t('Please connect your Vega wallet')}</p>;
|
|
}
|
|
|
|
return (
|
|
<PageQueryContainer<WithdrawPageQuery, WithdrawPageQueryVariables>
|
|
query={WITHDRAW_PAGE_QUERY}
|
|
options={{
|
|
variables: { partyId: keypair?.pub || '' },
|
|
skip: !keypair?.pub,
|
|
}}
|
|
render={(data) => {
|
|
if (!data.assets?.length) {
|
|
return (
|
|
<Splash>
|
|
<p>{t('No assets on this network')}</p>
|
|
</Splash>
|
|
);
|
|
}
|
|
|
|
const hasIncompleteWithdrawals = data.party?.withdrawals?.some(
|
|
(w) => w.txHash
|
|
);
|
|
|
|
return (
|
|
<>
|
|
{hasIncompleteWithdrawals ? (
|
|
<p className="mb-12">
|
|
{t('You have incomplete withdrawals.')}{' '}
|
|
<Link href="/portfolio/withdrawals">
|
|
<a className="underline">
|
|
{t('Click here to finish withdrawal')}
|
|
</a>
|
|
</Link>
|
|
</p>
|
|
) : null}
|
|
<WithdrawManager
|
|
assets={data.assets}
|
|
accounts={data.party?.accounts || []}
|
|
initialAssetId={assetId}
|
|
/>
|
|
</>
|
|
);
|
|
}}
|
|
/>
|
|
);
|
|
};
|