ecda46caa5
* feat: add network-switcher lib * feat: add env variables for some deployed app urls * feat: add network processing to environment hoook * refactor: network handling * refactor: remove dialog from provider and add env setter * feat: add network switcher dialog to the trading app * refactor: add network redirect to dialog connect callback * fix: lint * fix: jsonify env variable for possible networks * fix: add formatter file * fix: assign correct global state to network swicther * feat: add network-switcher lib * feat: add env variables for some deployed app urls * feat: add network processing to environment hoook * refactor: network handling * refactor: remove dialog from provider and add env setter * feat: add network switcher dialog to the trading app * refactor: add network redirect to dialog connect callback * fix: lint * fix: jsonify env variable for possible networks * fix: add formatter file * fix: assign correct global state to network swicther * fix: failing tests from UI changes * fix: lint * fix: lint Co-authored-by: Joe <joe@vega.xyz> Co-authored-by: Dexter <dexter.edwards93@gmail.com>
52 lines
1.3 KiB
TypeScript
52 lines
1.3 KiB
TypeScript
import { gql } from '@apollo/client';
|
|
import { PageQueryContainer } from '../../../components/page-query-container';
|
|
import type { DepositPage } from './__generated__/DepositPage';
|
|
import { DepositManager } from '@vegaprotocol/deposits';
|
|
import { t } from '@vegaprotocol/react-helpers';
|
|
import { useEnvironment } from '@vegaprotocol/network-switcher';
|
|
import { Splash } from '@vegaprotocol/ui-toolkit';
|
|
import { ASSET_FRAGMENT } from '../../../lib/query-fragments';
|
|
|
|
const DEPOSIT_PAGE_QUERY = gql`
|
|
${ASSET_FRAGMENT}
|
|
query DepositPage {
|
|
assets {
|
|
...AssetFields
|
|
}
|
|
}
|
|
`;
|
|
|
|
interface DepositContainerProps {
|
|
assetId?: string;
|
|
}
|
|
|
|
/**
|
|
* Fetches data required for the Deposit page
|
|
*/
|
|
export const DepositContainer = ({ assetId }: DepositContainerProps) => {
|
|
const { VEGA_ENV } = useEnvironment();
|
|
|
|
return (
|
|
<PageQueryContainer<DepositPage>
|
|
query={DEPOSIT_PAGE_QUERY}
|
|
render={(data) => {
|
|
if (!data.assets?.length) {
|
|
return (
|
|
<Splash>
|
|
<p>{t('No assets on this network')}</p>
|
|
</Splash>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<DepositManager
|
|
assets={data.assets}
|
|
initialAssetId={assetId}
|
|
isFaucetable={VEGA_ENV !== 'MAINNET'}
|
|
/>
|
|
);
|
|
}}
|
|
/>
|
|
);
|
|
};
|