56 lines
1.7 KiB
TypeScript
56 lines
1.7 KiB
TypeScript
import { AsyncRenderer, Button } from '@vegaprotocol/ui-toolkit';
|
|
import {
|
|
withdrawalProvider,
|
|
useWithdrawalDialog,
|
|
WithdrawalsTable,
|
|
} from '@vegaprotocol/withdraws';
|
|
import { useVegaWallet } from '@vegaprotocol/wallet';
|
|
import { t } from '@vegaprotocol/i18n';
|
|
import { useDataProvider } from '@vegaprotocol/react-helpers';
|
|
import { VegaWalletContainer } from '../../components/vega-wallet-container';
|
|
|
|
export const WithdrawalsContainer = () => {
|
|
const { pubKey, isReadOnly } = useVegaWallet();
|
|
const { data, loading, error, reload } = useDataProvider({
|
|
dataProvider: withdrawalProvider,
|
|
variables: { partyId: pubKey || '' },
|
|
skip: !pubKey,
|
|
});
|
|
const openWithdrawDialog = useWithdrawalDialog((state) => state.open);
|
|
|
|
return (
|
|
<VegaWalletContainer>
|
|
<div className="h-full relative">
|
|
<WithdrawalsTable
|
|
data-testid="withdrawals-history"
|
|
rowData={data}
|
|
suppressLoadingOverlay
|
|
suppressNoRowsOverlay
|
|
/>
|
|
<div className="pointer-events-none absolute inset-0">
|
|
<AsyncRenderer
|
|
data={data}
|
|
loading={loading}
|
|
error={error}
|
|
noDataCondition={(data) => !(data && data.length)}
|
|
noDataMessage={t('No withdrawals')}
|
|
reload={reload}
|
|
/>
|
|
</div>
|
|
</div>
|
|
{!isReadOnly && (
|
|
<div className="h-auto flex justify-end px-[11px] py-2 bottom-0 right-3 absolute dark:bg-black/75 bg-white/75 rounded">
|
|
<Button
|
|
variant="primary"
|
|
size="sm"
|
|
onClick={() => openWithdrawDialog()}
|
|
data-testid="withdraw-dialog-button"
|
|
>
|
|
{t('Make withdrawal')}
|
|
</Button>
|
|
</div>
|
|
)}
|
|
</VegaWalletContainer>
|
|
);
|
|
};
|