From 2cbb2c7966858d048b39cc9aae1bd78284878996 Mon Sep 17 00:00:00 2001
From: Lizhen <88174078+bluewang@users.noreply.github.com>
Date: Thu, 1 Sep 2022 19:13:00 +0800
Subject: [PATCH] [INLONG-5761][Dashboard] Add agent type to cluster management
 (#5764)

---
 inlong-dashboard/src/metas/clusters/Agent.tsx | 20 +++++++++++++++++++
 inlong-dashboard/src/metas/clusters/index.tsx |  6 ++++++
 inlong-dashboard/src/pages/Clusters/index.tsx |  2 +-
 3 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 inlong-dashboard/src/metas/clusters/Agent.tsx

diff --git a/inlong-dashboard/src/metas/clusters/Agent.tsx b/inlong-dashboard/src/metas/clusters/Agent.tsx
new file mode 100644
index 00000000000..d199be7c4d2
--- /dev/null
+++ b/inlong-dashboard/src/metas/clusters/Agent.tsx
@@ -0,0 +1,20 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { ClsConfigItemType } from './common/types';
+
+export const Agent: ClsConfigItemType[] = [];
diff --git a/inlong-dashboard/src/metas/clusters/index.tsx b/inlong-dashboard/src/metas/clusters/index.tsx
index 35a96b2ba3a..c630aafbcb0 100644
--- a/inlong-dashboard/src/metas/clusters/index.tsx
+++ b/inlong-dashboard/src/metas/clusters/index.tsx
@@ -24,6 +24,7 @@ import type { ClsConfigItemType, ClsTableItemType } from './common/types';
 import { DataProxy } from './DataProxy';
 import { Pulsar } from './Pulsar';
 import { TubeMQ } from './TubeMQ';
+import { Agent } from './Agent';
 
 export interface ClusterItemType {
   label: string;
@@ -33,6 +34,11 @@ export interface ClusterItemType {
 }
 
 const _Clusters: Omit<ClusterItemType, 'tableColumns'>[] = [
+  {
+    label: 'Agent',
+    value: 'AGENT',
+    config: Agent,
+  },
   {
     label: 'DataProxy',
     value: 'DATAPROXY',
diff --git a/inlong-dashboard/src/pages/Clusters/index.tsx b/inlong-dashboard/src/pages/Clusters/index.tsx
index b21534b4ff7..eceffa5b4aa 100644
--- a/inlong-dashboard/src/pages/Clusters/index.tsx
+++ b/inlong-dashboard/src/pages/Clusters/index.tsx
@@ -149,7 +149,7 @@ const Comp: React.FC = () => {
           width: 200,
           render: (text, record) => (
             <>
-              {record.type === 'DATAPROXY' && (
+              {(record.type === 'DATAPROXY' || record.type === 'AGENT') && (
                 <Link to={`/clusters/node?type=${record.type}&clusterId=${record.id}`}>
                   {i18n.t('pages.Clusters.Node.Name')}
                 </Link>