diff --git a/datacenter/app/layout.tsx b/datacenter/app/layout.tsx index a4a9a8811..9b3ae61f9 100644 --- a/datacenter/app/layout.tsx +++ b/datacenter/app/layout.tsx @@ -1,11 +1,50 @@ "use client" import './globals.css' import '@/nprogress.css'; +import React from 'react'; import LeftSider from '@/components/leftSider'; import { CssVarsProvider, ThemeProvider } from '@mui/joy/styles'; +import { useColorScheme } from '@/lib/mui'; import { joyTheme } from '@/defaultTheme'; import TopProgressBar from '@/components/topProgressBar'; import DialogueContext from './context/dialogue'; +import { useEffect } from 'react'; + +function CssWrapper({ + children +}: { + children: React.ReactNode +}) { + const { mode } = useColorScheme(); + const ref = React.useRef(null); + + useEffect(() => { + if (ref?.current && mode) { + ref?.current?.classList?.add(mode); + if (mode === 'light') { + ref?.current?.classList?.remove('dark'); + } else { + ref?.current?.classList?.remove('light'); + } + } + }, [ref, mode]); + + return ( +
+ + +
+
+ +
+ {children} +
+
+
+ +
+ ) +} function RootLayout({ children, @@ -18,17 +57,9 @@ function RootLayout({ - - -
-
- -
- {children} -
-
-
- + + {children} + diff --git a/datacenter/app/page.tsx b/datacenter/app/page.tsx index f66af26c4..7d3801edf 100644 --- a/datacenter/app/page.tsx +++ b/datacenter/app/page.tsx @@ -1,7 +1,7 @@ "use client"; import { useRequest } from 'ahooks'; import { useState } from 'react'; -import { Button, Input, Box, buttonClasses } from '@/lib/mui'; +import { Button, Input, Box, buttonClasses, Divider, Typography } from '@/lib/mui'; import IconButton from '@mui/joy/IconButton'; import SendRoundedIcon from '@mui/icons-material/SendRounded'; import { zodResolver } from '@hookform/resolvers/zod'; @@ -38,12 +38,18 @@ export default function Home() { return ( <> -
+
+
+ DB-GPT + + Revolutionizing Database Interactions with Private LLM Technology + +
-

Scenes

+ Quick Start { const res = await sendPostRequest('/v1/chat/dialogue/new', { chat_mode: scene['chat_scene'] @@ -79,7 +82,7 @@ export default function Home() {
-
+
{ methods.handleSubmit(submit)(e); diff --git a/datacenter/components/chatBoxTemp.tsx b/datacenter/components/chatBoxTemp.tsx index 9364c4e35..a4a147394 100644 --- a/datacenter/components/chatBoxTemp.tsx +++ b/datacenter/components/chatBoxTemp.tsx @@ -29,7 +29,6 @@ const ChatBoxComp = ({ paramsList, clearIntialMessage }: Props) => { - const { mode } = useColorScheme(); const searchParams = useSearchParams(); const initMessage = searchParams.get('initMessage'); const scrollableRef = React.useRef(null); @@ -77,6 +76,7 @@ const ChatBoxComp = ({ ), }, + wrapper: React.Fragment, }; React.useEffect(() => { @@ -102,19 +102,18 @@ const ChatBoxComp = ({ return (
)}
-
+
{each.context?.replaceAll('\\n', '\n')} @@ -172,9 +171,9 @@ const ChatBoxComp = ({ {!readOnly && ( { const pathname = usePathname(); const searchParams = useSearchParams(); + const id = searchParams.get('id'); const router = useRouter(); const { dialogueList, queryDialogueList, refreshDialogList } = useDialogueContext(); const { mode, setMode } = useColorScheme(); @@ -90,7 +91,12 @@ const LeftSider = () => { }} > - + { }} > {dialogueList?.data?.map((each) => { - const isSelect = pathname === `/chat` && searchParams.get('id') === each.conv_uid; + const isSelect = (pathname === `/chat` || pathname === '/chat/') && id === each.conv_uid; return (