import { t } from '@vegaprotocol/i18n'; import { GetStarted } from './get-started'; import { TradingAnchorButton } from '@vegaprotocol/ui-toolkit'; import { Links, Routes } from '../../pages/client-router'; import { Networks, useEnvironment } from '@vegaprotocol/environment'; import type { ReactNode } from 'react'; import { useTopTradedMarkets } from '../../lib/hooks/use-top-traded-markets'; import { useOnboardingStore } from './use-get-onboarding-step'; export const WelcomeDialogContent = () => { const { VEGA_ENV } = useEnvironment(); const setOnboardingDialog = useOnboardingStore( (store) => store.setDialogOpen ); const { data } = useTopTradedMarkets(); const marketId = data && data[0]?.id; const link = marketId ? Links[Routes.MARKET](marketId) : Links[Routes.MARKETS](); const lead = VEGA_ENV === Networks.MAINNET ? t('Start trading on the worlds most advanced decentralised exchange.') : t( 'Free from the risks of real trading, Fairground is a safe and fun place to try out Vega yourself with virtual assets.' ); return (
setOnboardingDialog(false)} className="block w-full" data-testid="browse-markets-button" > {t('Explore')}
); }; const ListItemContent = ({ icon, title, text, }: { icon: ReactNode; title: string; text: string; }) => { return (
  • {icon}

    {title}

    {text}

  • ); }; const PurposeBuiltIcon = () => { return ( ); }; const NonCustodialIcon = () => { return ( ); }; const RewardIcon = () => { return ( ); };