import type { AppProps } from 'next/app'; import Head from 'next/head'; import { useRouter } from 'next/router'; import { Navbar } from '../components/navbar'; import { t, ThemeContext, useThemeSwitcher } from '@vegaprotocol/react-helpers'; import { VegaConnectDialog, VegaManageDialog, VegaWalletProvider, } from '@vegaprotocol/wallet'; import { useEnvironment, EnvironmentProvider, NetworkSwitcherDialog, } from '@vegaprotocol/environment'; import { Connectors } from '../lib/vega-connectors'; import { ThemeSwitcher } from '@vegaprotocol/ui-toolkit'; import { AppLoader } from '../components/app-loader'; import { VegaWalletConnectButton } from '../components/vega-wallet-connect-button'; import './styles.css'; import { useGlobalStore } from '../stores'; function AppBody({ Component, pageProps }: AppProps) { const { push } = useRouter(); const store = useGlobalStore(); const { VEGA_NETWORKS } = useEnvironment(); const [, toggleTheme] = useThemeSwitcher(); return (
{ store.setVegaWalletConnectDialog(open); }} setManageDialog={(open) => { store.setVegaWalletManageDialog(open); }} />
{/* @ts-ignore conflict between @types/react and nextjs internal types */}
store.setVegaWalletConnectDialog(open)} /> store.setVegaWalletManageDialog(open)} /> store.setVegaNetworkSwitcherDialog(open)} onConnect={({ network }) => { if (VEGA_NETWORKS[network]) { push(VEGA_NETWORKS[network] ?? ''); } }} />
); } function VegaTradingApp(props: AppProps) { const [theme] = useThemeSwitcher(); return ( {t('Welcome to Vega trading!')} {['1', 'true'].includes( process.env['NX_USE_ENV_OVERRIDES'] || '' ) ? ( /* eslint-disable-next-line @next/next/no-sync-scripts */