初始化3.0.0版本

km-console/packages/layout-clusters-fe/src/pages/TopicDashboard/index.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { MetricType } from '@src/api';
+import TopicHealthCheck from '@src/components/CardBar/TopicHealthCheck';
+import DashboardDragChart from '@src/components/DashboardDragChart';
+import { AppContainer } from 'knowdesign';
+import DBreadcrumb from 'knowdesign/lib/extend/d-breadcrumb';
+
+const TopicDashboard = () => {
+  const [global] = AppContainer.useGlobalValue();
+  return (
+    <>
+      <div className="breadcrumb" style={{ marginBottom: '10px' }}>
+        <DBreadcrumb
+          breadcrumbs={[
+            { label: '多集群管理', aHref: '/' },
+            { label: global?.clusterInfo?.name, aHref: `/cluster/${global?.clusterInfo?.id}` },
+            { label: 'Topic', aHref: `` },
+          ]}
+        />
+      </div>
+      <TopicHealthCheck />
+      <DashboardDragChart type={MetricType.Topic} />
+    </>
+  );
+};
+
+export default TopicDashboard;