Просмотр исходного кода

🌐 i18n(admin): add chinese locale support for admin interface
- import ConfigProvider and zh_CN locale from antd
- wrap application with ConfigProvider to enable chinese language

💄 style(admin): improve modal positioning
- add centered prop to user modal for better visual alignment

yourname 5 месяцев назад
Родитель
Сommit
a02dd230e2
2 измененных файлов с 10 добавлено и 6 удалено
  1. 9 6
      src/client/admin/index.tsx
  2. 1 0
      src/client/admin/pages/Users.tsx

+ 9 - 6
src/client/admin/index.tsx

@@ -1,11 +1,12 @@
 import { createRoot } from 'react-dom/client'
 import { RouterProvider } from 'react-router';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { App as AntdApp } from 'antd'
+import { App as AntdApp , ConfigProvider} from 'antd'
 import dayjs from 'dayjs';
 import weekday from 'dayjs/plugin/weekday';
 import localeData from 'dayjs/plugin/localeData';
 import 'dayjs/locale/zh-cn';
+import zhCN from 'antd/locale/zh_CN';
 
 import { AuthProvider } from './hooks/AuthProvider';
 import { router } from './routes';
@@ -24,11 +25,13 @@ const queryClient = new QueryClient();
 const App = () => {
   return (
     <QueryClientProvider client={queryClient}>
-      <AntdApp>
-        <AuthProvider>
-          <RouterProvider router={router} />
-        </AuthProvider>
-      </AntdApp>
+      <ConfigProvider locale={zhCN}>
+        <AntdApp>
+          <AuthProvider>
+            <RouterProvider router={router} />
+          </AuthProvider>
+        </AntdApp>
+      </ConfigProvider>
     </QueryClientProvider>
   )
 };

+ 1 - 0
src/client/admin/pages/Users.tsx

@@ -245,6 +245,7 @@ export const UsersPage = () => {
           form.resetFields();
         }}
         width={600}
+        centered
       >
         <Form
           form={form}