Files
MemoryBear/web/src/App.tsx
2026-03-07 12:18:11 +08:00

77 lines
1.9 KiB
TypeScript

/*
* @Description:
* @Version: 0.0.1
* @Author: yujiangping
* @Date: 2025-11-24 19:00:14
* @LastEditors: yujiangping
* @LastEditTime: 2025-11-25 18:48:26
*/
import { RouterProvider } from 'react-router-dom';
import {
Suspense,
useEffect
} from 'react';
import {
Spin,
ConfigProvider,
App as AntdApp
} from 'antd';
import { useTranslation } from 'react-i18next';
import { lightTheme } from './styles/antdThemeConfig.ts'
import router from './routes';
import { useI18n } from '@/store/locale'
import dayjs from 'dayjs'
import 'dayjs/locale/en'
import 'dayjs/locale/zh-cn'
import 'dayjs/plugin/timezone'
import 'dayjs/plugin/utc'
import { cookieUtils } from './utils/request';
import { useUser } from '@/store/user';
function App() {
const { t } = useTranslation();
const { locale, language, timeZone } = useI18n()
const { checkJump } = useUser();
useEffect(() => {
const authToken = cookieUtils.get('authToken')
if (!authToken && !window.location.hash.includes('#/login') && !window.location.hash.includes('#/conversation/') && !window.location.hash.includes('#/jump') && !window.location.hash.includes('#/invite-register')) {
window.location.href = `/#/login`;
} else {
checkJump()
}
}, [])
useEffect(() => {
document.title = t('memoryBear')
dayjs.locale(language)
localStorage.setItem('language', language)
}, [language])
useEffect(() => {
// 设置dayjs的时区
dayjs.tz.setDefault(timeZone)
localStorage.setItem('timeZone', timeZone)
}, [timeZone])
return (
<ConfigProvider
locale={locale}
theme={lightTheme}
>
<AntdApp>
<Suspense fallback={<Spin fullscreen></Spin>}>
<RouterProvider
router={router}
future={{
v7_startTransition: true,
}}
/>
</Suspense>
</AntdApp>
</ConfigProvider>
);
}
export default App