change database page to database admin page (#405)

Signed-off-by: ryjiang <jiangruiyi@gmail.com>

client/src/hooks/Navigation.ts

@@ -27,7 +27,7 @@ export const useNavigationHook = (
         setNavInfo(navInfo);
         break;
       }
-      case ALL_ROUTER_TYPES.DATABASES: {
+      case ALL_ROUTER_TYPES.DB_ADMIN: {
         const navInfo: NavInfo = {
           navTitle: navTrans('database'),
           backPath: '',

client/src/i18n/cn/nav.ts

@@ -5,6 +5,7 @@ const navTrans = {
   search: '向量搜索',
   system: '系统视图',
   user: '用户',
+  database: '数据库管理',
 };
 
 export default navTrans;

client/src/i18n/en/nav.ts

@@ -5,6 +5,7 @@ const navTrans = {
   search: 'Vector Search',
   system: 'System View',
   user: 'User',
+  database: 'Database Management',
 };
 
 export default navTrans;

client/src/pages/database/Database.tsx

@@ -14,8 +14,8 @@ import { useNavigationHook } from '@/hooks';
 import { ALL_ROUTER_TYPES } from '@/router/Types';
 import CreateUser from './Create';
 
-const DatabasePage = () => {
-  useNavigationHook(ALL_ROUTER_TYPES.DATABASES);
+const DatabaseAdminPage = () => {
+  useNavigationHook(ALL_ROUTER_TYPES.DB_ADMIN);
   const { setDatabaseList } = useContext(dataContext);
 
   const [databases, setDatabases] = useState<DatabaseData[]>([
@@ -152,4 +152,4 @@ const DatabasePage = () => {
   );
 };
 
-export default DatabasePage;
+export default DatabaseAdminPage;

client/src/pages/index.tsx

@@ -67,7 +67,7 @@ function Index() {
       return navTrans('user');
     }
 
-    if (location.pathname.includes('databases')) {
+    if (location.pathname.includes('db-admin')) {
       return navTrans('database');
     }
 
@@ -112,7 +112,7 @@ function Index() {
       {
         icon: icons.database,
         label: navTrans('database'),
-        onClick: () => navigate('/databases'),
+        onClick: () => navigate('/db-admin'),
       }
     );
   }

client/src/router/Router.tsx

@@ -19,7 +19,7 @@ const RouterComponent = () => {
       <Routes>
         <Route path="/" element={<Index />}>
           <Route index element={<Database />} />
-          <Route path="databases" element={<Database />} />
+          <Route path="db-admin" element={<Database />} />
           <Route path="collections" element={<Collections />} />
           <Route path="collections/:collectionName" element={<Collection />} />
           <Route

client/src/router/Types.ts

@@ -13,6 +13,7 @@ export enum ALL_ROUTER_TYPES {
   PLUGIN = 'plugin',
   USER = 'user',
   DATABASES = 'databases',
+  DB_ADMIN = 'db-admin',
 }
 
 export type NavInfo = {

client/src/styles/common.css

@@ -33,7 +33,7 @@ fieldset {
   display: flex;
   flex-direction: column;
 
-  margin: 16px 24px;
+  margin: 16px;
 }
 
 .page-empty-card {