import { AppProps } from 'next/app'; import Head from 'next/head'; import { Navbar } from '../components/navbar'; import { ThemeContext } from '@vegaprotocol/react-helpers'; import { VegaConnectDialog, VegaWalletProvider } from '@vegaprotocol/wallet'; import { Connectors } from '../lib/connectors'; import { useCallback, useMemo, useState } from 'react'; import { SingletonHooksContainer } from 'react-singleton-hook'; import { createClient } from '../lib/apollo-client'; import { ThemeSwitcher } from '@vegaprotocol/ui-toolkit'; import { ApolloProvider } from '@apollo/client'; import { AppLoader } from '../components/app-loader'; import { VegaWalletButton } from '../components/vega-wallet-connect-button'; import { useThemeSwitcher } from '../hooks/use-theme-switcher'; import './styles.css'; function VegaTradingApp({ Component, pageProps }: AppProps) { const client = useMemo( () => createClient(process.env['NX_VEGA_URL'] || 'https://lb.testnet.vega.xyz'), [] ); const [dialogOpen, setDialogOpen] = useState(false); const [theme, toggleTheme] = useThemeSwitcher(); const setConnectDialog = useCallback((isOpen?: boolean) => { setDialogOpen((curr) => { if (isOpen === undefined) return !curr; return isOpen; }); }, []); return ( Welcome to trading!
); } export default VegaTradingApp;