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 { Connectors } from '../lib/vega-connectors'; import { useMemo, useState } 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'; function VegaTradingApp({ Component, pageProps }: AppProps) { const client = useMemo(() => createClient(process.env['NX_VEGA_URL']), []); const [vegaWallet, setVegaWallet] = useState({ connect: false, manage: false, }); const [theme, toggleTheme] = useThemeSwitcher(); return ( {t('Welcome to Vega trading!')}
setVegaWallet((x) => ({ ...x, connect: open })) } setManageDialog={(open) => setVegaWallet((x) => ({ ...x, manage: open })) } />
setVegaWallet((x) => ({ ...x, connect: open })) } /> setVegaWallet((x) => ({ ...x, manage: open })) } />
); } export default VegaTradingApp;