Merge pull request #26516 from ethereum/fix-flashing

[website] fix: colorMode flashing
This commit is contained in:
Paul Wackerow 2023-01-17 10:51:36 -08:00 committed by GitHub
commit b1ee28856a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 22 additions and 6 deletions

View file

@ -80,7 +80,7 @@ In case of a chain reorganization the subscription will emit the last header in
#### Example #### Example
```json ```json
{"id": 1, "method": "eth_subscribe", "params": ["newHeads"]} { "id": 1, "method": "eth_subscribe", "params": ["newHeads"] }
``` ```
returns returns
@ -128,7 +128,17 @@ In case of a chain reorganization previous sent logs that are on the old chain w
#### Example #### Example
```json ```json
{"id": 1, "method": "eth_subscribe", "params": ["logs", {"address": "0x8320fe7702b96808f7bbc0d4a888ed1468216cfd", "topics": ["0xd78a0cb8bb633d06981248b816e7bd33c2a35a6089241d099fa519e361cab902"]}]} {
"id": 1,
"method": "eth_subscribe",
"params": [
"logs",
{
"address": "0x8320fe7702b96808f7bbc0d4a888ed1468216cfd",
"topics": ["0xd78a0cb8bb633d06981248b816e7bd33c2a35a6089241d099fa519e361cab902"]
}
]
}
``` ```
returns returns
@ -152,7 +162,7 @@ none
#### Example #### Example
```json ```json
{"id": 1, "method": "eth_subscribe", "params": ["newPendingTransactions"]} { "id": 1, "method": "eth_subscribe", "params": ["newPendingTransactions"] }
``` ```
returns returns

View file

@ -1,4 +1,4 @@
import { ChakraProvider } from '@chakra-ui/react'; import { ChakraProvider, localStorageManager } from '@chakra-ui/react';
import { AppProps } from 'next/app'; import { AppProps } from 'next/app';
import { useEffect } from 'react'; import { useEffect } from 'react';
import { init } from '@socialgouv/matomo-next'; import { init } from '@socialgouv/matomo-next';
@ -20,7 +20,9 @@ export default function App({ Component, pageProps }: AppProps) {
}, []); }, []);
return ( return (
<ChakraProvider theme={theme}> // `colorModeManager` added to fix flashing issue
// See: https://chakra-ui.com/docs/styled-system/color-mode#add-colormodemanager-optional-for-ssr
<ChakraProvider theme={theme} colorModeManager={localStorageManager}>
<Layout> <Layout>
<Component {...pageProps} /> <Component {...pageProps} />
</Layout> </Layout>

View file

@ -1,5 +1,8 @@
import { ColorModeScript } from '@chakra-ui/react';
import { Html, Head, Main, NextScript } from 'next/document'; import { Html, Head, Main, NextScript } from 'next/document';
import theme from '../theme';
export default function Document() { export default function Document() {
return ( return (
<Html lang='en'> <Html lang='en'>
@ -21,6 +24,7 @@ export default function Document() {
</Head> </Head>
<body> <body>
<ColorModeScript initialColorMode={theme.config.initialColorMode} />
<Main /> <Main />
<NextScript /> <NextScript />
</body> </body>