feat: Add a new domain column to the route list (higress-group#397)

CH3CHO · Jan 3, 2025 · 3b1e51e · 3b1e51e
1 parent fdebdac
commit 3b1e51e
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/frontend/src/locales/en-US/translation.json b/frontend/src/locales/en-US/translation.json
@@ -417,6 +417,7 @@
   "route": {
     "columns": {
       "name": "Route Name",
+      "domains": "Domain",
       "routePredicates": "Route Predicates",
       "services": "Service",
       "action": "Action"

diff --git a/frontend/src/locales/zh-CN/translation.json b/frontend/src/locales/zh-CN/translation.json
@@ -421,6 +421,7 @@
   "route": {
     "columns": {
       "name": "路由名称",
+      "domains": "域名",
       "routePredicates": "路由条件",
       "services": "目标服务",
       "action": "操作"

diff --git a/frontend/src/pages/route/index.tsx b/frontend/src/pages/route/index.tsx
@@ -46,6 +46,17 @@ const RouteList: React.FC = () => {
       key: 'name',
       ellipsis: true,
     },
+    {
+      title: t('route.columns.domains'),
+      dataIndex: 'domains',
+      key: 'domains',
+      render: (value) => {
+        if (!Array.isArray(value) || !value.length) {
+          return '-';
+        }
+        return value.map((token) => <span>{token}</span>).reduce((prev, curr) => [prev, <br />, curr]);
+      },
+    },
     {
       title: t('route.columns.routePredicates'),
       dataIndex: 'path',