|
@@ -4,10 +4,11 @@ import Head from 'next/head';
|
|
|
import { useIsomorphicLayoutEffect } from 'usehooks-ts';
|
|
import { useIsomorphicLayoutEffect } from 'usehooks-ts';
|
|
|
|
|
|
|
|
import { useGrowiTheme } from '~/stores/context';
|
|
import { useGrowiTheme } from '~/stores/context';
|
|
|
-import { ColorScheme, useNextThemes } from '~/stores/use-next-themes';
|
|
|
|
|
|
|
+import { ColorScheme, useNextThemes, NextThemesProvider } from '~/stores/use-next-themes';
|
|
|
import loggerFactory from '~/utils/logger';
|
|
import loggerFactory from '~/utils/logger';
|
|
|
|
|
|
|
|
-import { ThemeProvider } from '../Theme/utils/ThemeProvider';
|
|
|
|
|
|
|
+
|
|
|
|
|
+import { ThemeProvider as GrowiThemeProvider } from '../Theme/utils/ThemeProvider';
|
|
|
|
|
|
|
|
|
|
|
|
|
const logger = loggerFactory('growi:cli:RawLayout');
|
|
const logger = loggerFactory('growi:cli:RawLayout');
|
|
@@ -43,11 +44,13 @@ export const RawLayout = ({ children, title, className }: Props): JSX.Element =>
|
|
|
<meta charSet="utf-8" />
|
|
<meta charSet="utf-8" />
|
|
|
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
|
|
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
|
|
|
</Head>
|
|
</Head>
|
|
|
- <ThemeProvider theme={growiTheme} colorScheme={colorScheme}>
|
|
|
|
|
- <div className={classNames.join(' ')} data-color-scheme={colorScheme}>
|
|
|
|
|
- {children}
|
|
|
|
|
- </div>
|
|
|
|
|
- </ThemeProvider>
|
|
|
|
|
|
|
+ <NextThemesProvider>
|
|
|
|
|
+ <GrowiThemeProvider theme={growiTheme} colorScheme={colorScheme}>
|
|
|
|
|
+ <div className={classNames.join(' ')} data-color-scheme={colorScheme}>
|
|
|
|
|
+ {children}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </GrowiThemeProvider>
|
|
|
|
|
+ </NextThemesProvider>
|
|
|
</>
|
|
</>
|
|
|
);
|
|
);
|
|
|
};
|
|
};
|