c576037b58
* chore: make liquidity page client side only * chore: switch to hash based router * chore: add index files for each page * chore: tidy up _app * chore: convert to use useRoutes * fix: active state with react-router NavLink * feat: add routes enum * chore: restrict link and router imports from next * chore: update testing navigation to use hash routes * fix: typoe in eslint rule message * chore: remove unnecessary getInitialProps function definition * chore: wrap tests with memory router * chore: delete unused index.page file * chore: update suspense fallback state * chore: add comment for link component span usage, update link to use toolkit styles * chore: fix lint issues * chore: delete client deposit page * chore: revert title in _app so title gets set correctly without rerender * revert: removal of deposit page so deposit e2e tests still pass * chore: move client router to index page so valid status codes are still sent * fix: wrong route path for markets page, cypress tests
53 lines
1.5 KiB
TypeScript
53 lines
1.5 KiB
TypeScript
import { enabledAssetsProvider } from '@vegaprotocol/assets';
|
|
import { DepositManager } from '@vegaprotocol/deposits';
|
|
import { useEnvironment } from '@vegaprotocol/environment';
|
|
import { t, titlefy, useDataProvider } from '@vegaprotocol/react-helpers';
|
|
import { AsyncRenderer, Splash } from '@vegaprotocol/ui-toolkit';
|
|
import { Web3Container } from '@vegaprotocol/web3';
|
|
import { useEffect } from 'react';
|
|
import { usePageTitleStore } from '../../stores';
|
|
|
|
export const Deposit = () => {
|
|
const { updateTitle } = usePageTitleStore((store) => ({
|
|
updateTitle: store.updateTitle,
|
|
}));
|
|
|
|
useEffect(() => {
|
|
updateTitle(titlefy([t('Deposits')]));
|
|
}, [updateTitle]);
|
|
|
|
const { VEGA_ENV } = useEnvironment();
|
|
const { data, error, loading } = useDataProvider({
|
|
dataProvider: enabledAssetsProvider,
|
|
});
|
|
|
|
return (
|
|
<Web3Container>
|
|
<div className="max-w-[420px] p-8 mx-auto">
|
|
<h1 className="text-2xl mb-4">{t('Deposit')}</h1>
|
|
<AsyncRenderer
|
|
data={data}
|
|
error={error}
|
|
loading={loading}
|
|
render={(assets) => {
|
|
if (!assets || !assets.length) {
|
|
return (
|
|
<Splash>
|
|
<p>{t('No assets on this network')}</p>
|
|
</Splash>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<DepositManager
|
|
assets={assets}
|
|
isFaucetable={VEGA_ENV !== 'MAINNET'}
|
|
/>
|
|
);
|
|
}}
|
|
/>
|
|
</div>
|
|
</Web3Container>
|
|
);
|
|
};
|