c1675e4b49
Co-authored-by: Art <artur@vegaprotocol.io> Co-authored-by: Bartłomiej Głownia <bglownia@gmail.com> Co-authored-by: Dariusz Majcherczyk <dariusz.majcherczyk@gmail.com>
42 lines
1.4 KiB
TypeScript
42 lines
1.4 KiB
TypeScript
import { Button } from '@vegaprotocol/ui-toolkit';
|
|
import { DepositsTable } from '@vegaprotocol/deposits';
|
|
import { depositsProvider } from '@vegaprotocol/deposits';
|
|
import { t } from '@vegaprotocol/i18n';
|
|
import { useDataProvider } from '@vegaprotocol/data-provider';
|
|
import { useVegaWallet } from '@vegaprotocol/wallet';
|
|
import { useRef } from 'react';
|
|
import type { AgGridReact } from 'ag-grid-react';
|
|
import { useSidebar, ViewType } from '../../components/sidebar';
|
|
|
|
export const DepositsContainer = () => {
|
|
const gridRef = useRef<AgGridReact | null>(null);
|
|
const { pubKey, isReadOnly } = useVegaWallet();
|
|
const { data, error } = useDataProvider({
|
|
dataProvider: depositsProvider,
|
|
variables: { partyId: pubKey || '' },
|
|
skip: !pubKey,
|
|
});
|
|
const setView = useSidebar((store) => store.setView);
|
|
return (
|
|
<div className="h-full">
|
|
<DepositsTable
|
|
rowData={data}
|
|
ref={gridRef}
|
|
overlayNoRowsTemplate={error ? error.message : t('No deposits')}
|
|
/>
|
|
{!isReadOnly && (
|
|
<div className="h-auto flex justify-end p-2 bottom-0 right-0 absolute dark:bg-black/75 bg-white/75 rounded">
|
|
<Button
|
|
variant="primary"
|
|
size="sm"
|
|
onClick={() => setView({ type: ViewType.Deposit })}
|
|
data-testid="deposit-button"
|
|
>
|
|
{t('Deposit')}
|
|
</Button>
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
};
|