import { ChatContext, ChatContextProvider } from '@/app/chat-context'; import SideBar from '@/components/layout/side-bar'; import FloatHelper from '@/new-components/layout/FloatHelper'; import { STORAGE_LANG_KEY, STORAGE_USERINFO_KEY, STORAGE_USERINFO_VALID_TIME_KEY } from '@/utils/constants/index'; import { App, ConfigProvider, MappingAlgorithm, theme } from 'antd'; import enUS from 'antd/locale/en_US'; import zhCN from 'antd/locale/zh_CN'; import classNames from 'classnames'; import type { AppProps } from 'next/app'; import Head from 'next/head'; import { useRouter } from 'next/router'; import React, { useContext, useEffect, useState } from 'react'; import { useTranslation } from 'react-i18next'; import '../app/i18n'; import '../nprogress.css'; import '../styles/globals.css'; // import TopProgressBar from '@/components/layout/top-progress-bar'; const antdDarkTheme: MappingAlgorithm = (seedToken, mapToken) => { return { ...theme.darkAlgorithm(seedToken, mapToken), colorBgBase: '#232734', colorBorder: '#828282', colorBgContainer: '#232734', }; }; function CssWrapper({ children }: { children: React.ReactElement }) { const { mode } = useContext(ChatContext); const { i18n } = useTranslation(); useEffect(() => { if (mode) { document.body?.classList?.add(mode); if (mode === 'light') { document.body?.classList?.remove('dark'); } else { document.body?.classList?.remove('light'); } } }, [mode]); useEffect(() => { i18n.changeLanguage?.(window.localStorage.getItem(STORAGE_LANG_KEY) || 'zh'); }, [i18n]); return (