33 lines
941 B
TypeScript
33 lines
941 B
TypeScript
import { Splash } from '@vegaprotocol/ui-toolkit';
|
|
import {
|
|
withdrawalProvider,
|
|
WithdrawalsTable,
|
|
useIncompleteWithdrawals,
|
|
} from '@vegaprotocol/withdraws';
|
|
import { useVegaWallet } from '@vegaprotocol/wallet';
|
|
import { useDataProvider } from '@vegaprotocol/data-provider';
|
|
import { useT } from '../../lib/use-t';
|
|
|
|
export const WithdrawalsContainer = () => {
|
|
const t = useT();
|
|
const { pubKey } = useVegaWallet();
|
|
const { data, error } = useDataProvider({
|
|
dataProvider: withdrawalProvider,
|
|
variables: { partyId: pubKey || '' },
|
|
skip: !pubKey,
|
|
});
|
|
const { ready, delayed } = useIncompleteWithdrawals();
|
|
if (!pubKey) {
|
|
return <Splash>{t('Please connect Vega wallet')}</Splash>;
|
|
}
|
|
return (
|
|
<WithdrawalsTable
|
|
data-testid="withdrawals-history"
|
|
rowData={data}
|
|
overlayNoRowsTemplate={error ? error.message : t('No withdrawals')}
|
|
ready={ready}
|
|
delayed={delayed}
|
|
/>
|
|
);
|
|
};
|