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/react-helpers'; import { Connectors } from '../lib/vega-connectors'; import { useMemo } from 'react'; import { createClient } from '../lib/apollo-client'; import { ThemeSwitcher } from '@vegaprotocol/ui-toolkit'; import { ApolloProvider } from '@apollo/client'; import { AppLoader } from '../components/app-loader'; import { VegaWalletConnectButton } from '../components/vega-wallet-connect-button'; import './styles.css'; import { useGlobalStore } from '../stores'; function VegaTradingApp({ Component, pageProps }: AppProps) { const client = useMemo(() => createClient(process.env['NX_VEGA_URL']), []); const store = useGlobalStore(); const [theme, toggleTheme] = useThemeSwitcher(); return ( {t('Welcome to Vega trading!')}
{ store.setVegaWalletConnectDialog(open); }} setManageDialog={(open) => { store.setVegaWalletManageDialog(open); }} />
{/* @ts-ignore conflict between @types/react and nextjs internal types */}
store.setVegaWalletConnectDialog(open) } /> store.setVegaWalletManageDialog(open) } />
); } export default VegaTradingApp;