58 lines
1.7 KiB
TypeScript
58 lines
1.7 KiB
TypeScript
import { Dialog, Intent } from '@vegaprotocol/ui-toolkit';
|
|
import { useEnvironment } from '@vegaprotocol/environment';
|
|
import { WelcomeDialogContent } from './welcome-dialog-content';
|
|
import { useOnboardingStore } from './use-get-onboarding-step';
|
|
import { VegaConnectDialog } from '@vegaprotocol/wallet';
|
|
import { Connectors } from '../../lib/vega-connectors';
|
|
import { RiskMessage } from './risk-message';
|
|
import { useT } from '../../lib/use-t';
|
|
|
|
export const WelcomeDialog = () => {
|
|
const t = useT();
|
|
const { VEGA_ENV } = useEnvironment();
|
|
const dismissed = useOnboardingStore((store) => store.dismissed);
|
|
const dialogOpen = useOnboardingStore((store) => store.dialogOpen);
|
|
const dismiss = useOnboardingStore((store) => store.dismiss);
|
|
const walletDialogOpen = useOnboardingStore(
|
|
(store) => store.walletDialogOpen
|
|
);
|
|
const setWalletDialogOpen = useOnboardingStore(
|
|
(store) => store.setWalletDialogOpen
|
|
);
|
|
|
|
const content = walletDialogOpen ? (
|
|
<VegaConnectDialog
|
|
connectors={Connectors}
|
|
riskMessage={<RiskMessage />}
|
|
onClose={() => setWalletDialogOpen(false)}
|
|
contentOnly
|
|
/>
|
|
) : (
|
|
<WelcomeDialogContent />
|
|
);
|
|
|
|
const onClose = walletDialogOpen ? () => setWalletDialogOpen(false) : dismiss;
|
|
|
|
const title = walletDialogOpen ? null : (
|
|
<span className="font-alpha calt" data-testid="welcome-title">
|
|
{t('Console')}{' '}
|
|
<span className="text-vega-clight-100 dark:text-vega-cdark-100">
|
|
{VEGA_ENV}
|
|
</span>
|
|
</span>
|
|
);
|
|
|
|
return (
|
|
<Dialog
|
|
open={dismissed ? false : dialogOpen}
|
|
title={title}
|
|
size="medium"
|
|
onChange={onClose}
|
|
intent={Intent.None}
|
|
dataTestId="welcome-dialog"
|
|
>
|
|
{content}
|
|
</Dialog>
|
|
);
|
|
};
|