github/DB-GPT
1
0
Fork 0
mirror of https://github.com/csunny/DB-GPT.git synced 2025-09-16 06:30:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: fix sql component error in the web. (#1068)

Browse Source 
Co-authored-by: 黄振洪 <hzh01509324@alibaba-inc.com>
Co-authored-by: Aralhi <xiaoping0501@gmail.com>
This commit is contained in:
Hzh_97
2024-01-15 15:57:47 +08:00
committed by GitHub
parent 22bfd01c4b
commit 1b9328e27a
37 changed files with 243 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/pages/_app.tsx
View File

@@ -1,8 +1,6 @@
import type { AppProps } from 'next/app';
import React, { useContext, useEffect, useRef } from 'react';
import SideBar from '@/components/layout/side-bar';
import { CssVarsProvider, ThemeProvider, useColorScheme } from '@mui/joy/styles';
import { joyTheme } from '@/defaultTheme';
import TopProgressBar from '@/components/layout/top-progress-bar';
import { useTranslation } from 'react-i18next';
import { ChatContext, ChatContextProvider } from '@/app/chat-context';
@@ -10,12 +8,12 @@ import classNames from 'classnames';
import '../styles/globals.css';
import '../nprogress.css';
import '../app/i18n';
import { STORAGE_LANG_KEY, STORAGE_THEME_KEY } from '@/utils';
import { STORAGE_LANG_KEY } from '@/utils';
import { ConfigProvider, MappingAlgorithm, theme } from 'antd';
import zhCN from 'antd/locale/zh_CN';
import enUS from 'antd/locale/en_US';
type ThemeMode = ReturnType<typeof useColorScheme>['mode'];
import { CssVarsProvider, ThemeProvider, useColorScheme } from '@mui/joy';
import { joyTheme } from '@/defaultTheme';
const antdDarkTheme: MappingAlgorithm = (seedToken, mapToken) => {
return {
@@ -29,6 +27,11 @@ const antdDarkTheme: MappingAlgorithm = (seedToken, mapToken) => {
function CssWrapper({ children }: { children: React.ReactElement }) {
const { mode } = useContext(ChatContext);
const { i18n } = useTranslation();
const { setMode: setMuiMode } = useColorScheme();
useEffect(() => {
setMuiMode(mode);
}, [mode]);
const ref = useRef<HTMLDivElement>(null);
@@ -83,11 +86,15 @@ function LayoutWrapper({ children }: { children: React.ReactNode }) {
function MyApp({ Component, pageProps }: AppProps) {
return (
<ChatContextProvider>
<CssWrapper>
<LayoutWrapper>
<Component {...pageProps} />
</LayoutWrapper>
</CssWrapper>
<ThemeProvider theme={joyTheme}>
<CssVarsProvider theme={joyTheme} defaultMode="light">
<CssWrapper>
<LayoutWrapper>
<Component {...pageProps} />
</LayoutWrapper>
</CssWrapper>
</CssVarsProvider>
</ThemeProvider>
</ChatContextProvider>
);
}