feat: add alpha warning for gatewayapi integration

higress-group · Dec 23, 2024 · 55f5ffb · 55f5ffb
1 parent 7b1b43a
commit 55f5ffb
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/frontend/src/locales/en-US/translation.json b/frontend/src/locales/en-US/translation.json
@@ -654,6 +654,8 @@
     "ingressMode": "Ingress Mode",
     "fetchError": "Failed to fetch Higress Work Mode",
     "updateSuccess": "Successfully updated Higress Work Mode",
-    "updateError": "Failed to update Higress Work Mode"
+    "updateError": "Failed to update Higress Work Mode",
+    "alertTitle": "Gateway API Mode Notes",
+    "alertDescription": "Gateway API Mode is currently in Alpha stage. The following features are still being adapted: CORS (Cross-Origin Resource Sharing), request retry policy, case-insensitive URL paths, and HTTPS forced redirection."
   }
 }
diff --git a/frontend/src/locales/zh-CN/translation.json b/frontend/src/locales/zh-CN/translation.json
@@ -659,6 +659,8 @@
     "ingressMode": "ingress模式",
     "fetchError": "获取 Higress 工作模式失败",
     "updateSuccess": "更新 Higress 工作模式成功",
-    "updateError": "更新 Higress 工作模式失败"
+    "updateError": "更新 Higress 工作模式失败",
+    "alertTitle": "Gateway API 模式功能适配说明",
+    "alertDescription": "Gateway API 模式目前处于 Alpha 阶段，以下功能仍在适配中：CORS（跨域资源共享）、请求重试策略、URL 路径忽略大小写、HTTPS 强制跳转。"
   }
 }
diff --git a/frontend/src/pages/higress-configs/index.tsx b/frontend/src/pages/higress-configs/index.tsx
@@ -2,7 +2,7 @@
 // @ts-nocheck
 import React from 'react';
 import { PageContainer } from '@ant-design/pro-layout';
-import { Form, Select, Button, message } from 'antd';
+import { Form, Select, Button, message, Alert } from 'antd';
 import { useTranslation } from 'react-i18next';
 import { useRequest } from 'ahooks';
 import { getIngressWorkMode, setIngressWorkMode } from '@/services';
@@ -51,6 +51,13 @@ const HigressConfig: React.FC = () => {
           padding: 16,
         }}
       >
+        <Alert
+          message={t('higressConfig.alertTitle')}
+          description={t('higressConfig.alertDescription')}
+          type="info"
+          showIcon
+          style={{ marginBottom: 24 }}
+        />
         <Form
           form={form}
           onFinish={onFinish}