LaconicNetwork/vega-frontend-monorepo
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix(#586): theme switcher not working for all panels

Browse Source
This commit is contained in:
Sam Keen 2022-06-17 18:26:45 +01:00 committed by GitHub
parent e3a755c529
commit 374faa0b74
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 39 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
apps/trading/pages/_app.page.tsx
View File

@ -25,47 +25,49 @@ function AppBody({ Component, pageProps }: AppProps) {
const store = useGlobalStore(); const store = useGlobalStore();
const { VEGA_NETWORKS } = useEnvironment(); const { VEGA_NETWORKS } = useEnvironment();
// eslint-disable-next-line @typescript-eslint/no-unused-vars // eslint-disable-next-line @typescript-eslint/no-unused-vars
const [_, toggleTheme] = useThemeSwitcher(); const [theme, toggleTheme] = useThemeSwitcher();
return ( return (
<div className="h-full dark:bg-black dark:text-white-60 bg-white relative z-0 text-black-60 grid grid-rows-[min-content,1fr]"> <ThemeContext.Provider value={theme}>
<div className="flex items-stretch border-b-[7px] border-vega-yellow"> <div className="h-full dark:bg-black dark:text-white-60 bg-white relative z-0 text-black-60 grid grid-rows-[min-content,1fr]">
<Navbar /> <div className="flex items-stretch border-b-[7px] border-vega-yellow">
<div className="flex items-center gap-4 ml-auto mr-8"> <Navbar />
<VegaWalletConnectButton <div className="flex items-center gap-4 ml-auto mr-8">
setConnectDialog={(open) => { <VegaWalletConnectButton
store.setVegaWalletConnectDialog(open); setConnectDialog={(open) => {
}} store.setVegaWalletConnectDialog(open);
setManageDialog={(open) => { }}
store.setVegaWalletManageDialog(open); setManageDialog={(open) => {
}} store.setVegaWalletManageDialog(open);
/> }}
<ThemeSwitcher onToggle={toggleTheme} className="-my-4" /> />
<ThemeSwitcher onToggle={toggleTheme} className="-my-4" />
</div>
</div> </div>
<main data-testid={pageProps.page}>
{/* @ts-ignore conflict between @types/react and nextjs internal types */}
<Component {...pageProps} />
</main>
<VegaConnectDialog
connectors={Connectors}
dialogOpen={store.vegaWalletConnectDialog}
setDialogOpen={(open) => store.setVegaWalletConnectDialog(open)}
/>
<VegaManageDialog
dialogOpen={store.vegaWalletManageDialog}
setDialogOpen={(open) => store.setVegaWalletManageDialog(open)}
/>
<NetworkSwitcherDialog
dialogOpen={store.vegaNetworkSwitcherDialog}
setDialogOpen={(open) => store.setVegaNetworkSwitcherDialog(open)}
onConnect={({ network }) => {
if (VEGA_NETWORKS[network]) {
window.location.href = VEGA_NETWORKS[network];
}
}}
/>
</div> </div>
<main data-testid={pageProps.page}> </ThemeContext.Provider>
{/* @ts-ignore conflict between @types/react and nextjs internal types */}
<Component {...pageProps} />
</main>
<VegaConnectDialog
connectors={Connectors}
dialogOpen={store.vegaWalletConnectDialog}
setDialogOpen={(open) => store.setVegaWalletConnectDialog(open)}
/>
<VegaManageDialog
dialogOpen={store.vegaWalletManageDialog}
setDialogOpen={(open) => store.setVegaWalletManageDialog(open)}
/>
<NetworkSwitcherDialog
dialogOpen={store.vegaNetworkSwitcherDialog}
setDialogOpen={(open) => store.setVegaNetworkSwitcherDialog(open)}
onConnect={({ network }) => {
if (VEGA_NETWORKS[network]) {
window.location.href = VEGA_NETWORKS[network];
}
}}
/>
</div>
); );
} }