import type { AppProps } from 'next/app'; import Head from 'next/head'; import { Navbar } from '../components/navbar'; import { t, ThemeContext, useThemeSwitcher } from '@vegaprotocol/react-helpers'; import { VegaConnectDialog, VegaManageDialog, VegaWalletProvider, } from '@vegaprotocol/wallet'; import { EnvironmentProvider } 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'; import { AssetDetailsDialog, useAssetDetailsDialogStore, } from '@vegaprotocol/assets'; function AppBody({ Component, pageProps }: AppProps) { const store = useGlobalStore(); const { isAssetDetailsDialogOpen, assetDetailsDialogSymbol, setAssetDetailsDialogOpen, } = useAssetDetailsDialogStore(); const [theme, 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)} /> setAssetDetailsDialogOpen(open)} />
); } function VegaTradingApp(props: AppProps) { return ( {t('Welcome to Vega trading!')} {['1', 'true'].includes(process.env['NX_USE_ENV_OVERRIDES'] || '') ? ( /* eslint-disable-next-line @next/next/no-sync-scripts */