feat(Tenant): cdc streams overview

Author: ariser

src/components/InfoViewer/schemaOverview/CDCStreamOverview.tsx

@@ -0,0 +1,44 @@
+import type {TEvDescribeSchemeResult, TCdcStreamDescription} from '../../../types/api/schema';
+
+import {InfoViewer, InfoViewerItem} from '..';
+import {formatCdcStreamItem, formatCommonItem} from '../formatters';
+
+const DISPLAYED_FIELDS: Set<keyof TCdcStreamDescription> = new Set([
+    'Mode',
+    'Format',
+]);
+
+interface CDCStreamOverviewProps {
+    data?: TEvDescribeSchemeResult;
+}
+
+export const CDCStreamOverview = ({data}: CDCStreamOverviewProps) => {
+    if (!data) {
+        return (
+            <div className="error">No CDC Stream data</div>
+        );
+    }
+
+    const TableIndex = data.PathDescription?.CdcStreamDescription;
+    const info: Array<InfoViewerItem> = [];
+
+    info.push(formatCommonItem('PathType', data.PathDescription?.Self?.PathType));
+    info.push(formatCommonItem('CreateStep', data.PathDescription?.Self?.CreateStep));
+
+    let key: keyof TCdcStreamDescription;
+    for (key in TableIndex) {
+        if (DISPLAYED_FIELDS.has(key)) {
+            info.push(formatCdcStreamItem(key, TableIndex?.[key]));
+        }
+    }
+
+    return (
+        <>
+            {info.length ? (
+                <InfoViewer info={info}></InfoViewer>
+            ) : (
+                <>Empty</>
+            )}
+        </>
+    );
+};

src/components/InfoViewer/schemaOverview/index.ts

@@ -0,0 +1 @@
+export * from './CDCStreamOverview';

src/containers/Tenant/ObjectSummary/ObjectSummary.tsx

@@ -14,6 +14,7 @@ import Acl from '../Acl/Acl';
 import SchemaViewer from '../Schema/SchemaViewer/SchemaViewer';
 import CopyToClipboard from '../../../components/CopyToClipboard/CopyToClipboard';
 import InfoViewer from '../../../components/InfoViewer/InfoViewer';
+import {CDCStreamOverview} from '../../../components/InfoViewer/schemaOverview';
 import Icon from '../../../components/Icon/Icon';
 
 import {EPathSubType, EPathType, TDirEntry} from '../../../types/api/schema';
@@ -162,7 +163,7 @@ function ObjectSummary(props: ObjectSummaryProps) {
             [EPathType.EPathTypeExtSubDomain]: undefined,
             [EPathType.EPathTypeColumnStore]: undefined,
             [EPathType.EPathTypeColumnTable]: undefined,
-            [EPathType.EPathTypeCdcStream]: () => undefined,
+            [EPathType.EPathTypeCdcStream]: () => <CDCStreamOverview data={data[currentSchemaPath]} />,
         };
 
         let component = currentSchemaData?.PathType && pathTypeToComponent[currentSchemaData.PathType]?.();