fix: review

Author: Raubzeug

src/containers/Tenant/ObjectGeneral/ObjectGeneral.tsx

@@ -32,7 +32,15 @@ function ObjectGeneral(props: ObjectGeneralProps) {
             props;
         switch (tenantPage) {
             case TENANT_PAGES_IDS.query: {
-                return <Query tenantName={tenantName} path={path} theme={theme} type={type} />;
+                return (
+                    <Query
+                        tenantName={tenantName}
+                        path={path}
+                        theme={theme}
+                        type={type}
+                        subType={subType}
+                    />
+                );
             }
             default: {
                 return (

src/containers/Tenant/Query/Preview/Preview.tsx

@@ -12,15 +12,17 @@ import type {PreviewContainerProps} from './types';
 import './Preview.scss';
 
 export function PreviewContainer(props: PreviewContainerProps) {
-    const {type} = props;
+    const {type, subType} = props;
     const isTable = isTableType(type);
     const isTopic = type === EPathType.EPathTypePersQueueGroup;
     const isTopicPreviewAvailable = useTopicDataAvailable();
 
     if (isTable) {
         return <TablePreview {...props} />;
     }
-    if (isTopic && isTopicPreviewAvailable) {
+
+    // preview is not available for topics inside CDC (has subtype)
+    if (isTopic && !subType && isTopicPreviewAvailable) {
         return <TopicPreview {...props} />;
     }
 

src/containers/Tenant/Query/Preview/types.ts

@@ -1,7 +1,8 @@
-import type {EPathType} from '../../../../types/api/schema';
+import type {EPathSubType, EPathType} from '../../../../types/api/schema';
 
 export interface PreviewContainerProps {
     database: string;
     path: string;
     type?: EPathType;
+    subType?: EPathSubType;
 }

src/containers/Tenant/Query/Query.tsx

@@ -4,7 +4,7 @@ import {Helmet} from 'react-helmet-async';
 
 import {changeUserInput} from '../../../store/reducers/query/query';
 import {TENANT_QUERY_TABS_ID} from '../../../store/reducers/tenant/constants';
-import type {EPathType} from '../../../types/api/schema';
+import type {EPathSubType, EPathType} from '../../../types/api/schema';
 import {cn} from '../../../utils/cn';
 import {useTypedDispatch, useTypedSelector} from '../../../utils/hooks';
 
@@ -22,6 +22,7 @@ interface QueryProps {
     tenantName: string;
     path: string;
     type?: EPathType;
+    subType?: EPathSubType;
 }
 
 export const Query = (props: QueryProps) => {

src/containers/Tenant/Query/QueryEditor/QueryEditor.tsx

@@ -22,7 +22,7 @@ import {
 import type {QueryResult} from '../../../../store/reducers/query/types';
 import {setQueryAction} from '../../../../store/reducers/queryActions/queryActions';
 import {selectShowPreview, setShowPreview} from '../../../../store/reducers/schema/schema';
-import type {EPathType} from '../../../../types/api/schema';
+import type {EPathSubType, EPathType} from '../../../../types/api/schema';
 import type {QueryAction} from '../../../../types/store/query';
 import {cn} from '../../../../utils/cn';
 import {
@@ -70,11 +70,12 @@ interface QueryEditorProps {
     changeUserInput: (arg: {input: string}) => void;
     theme: string;
     type?: EPathType;
+    subType?: EPathSubType;
 }
 
 export default function QueryEditor(props: QueryEditorProps) {
     const dispatch = useTypedDispatch();
-    const {tenantName, path, type, theme, changeUserInput} = props;
+    const {tenantName, path, type, theme, changeUserInput, subType} = props;
     const savedPath = useTypedSelector(selectTenantPath);
     const result = useTypedSelector(selectResult);
     const historyQueries = useTypedSelector(selectQueriesHistory);
@@ -270,6 +271,7 @@ export default function QueryEditor(props: QueryEditorProps) {
                         onExpandResultHandler={onExpandResultHandler}
                         onCollapseResultHandler={onCollapseResultHandler}
                         type={type}
+                        subType={subType}
                         theme={theme}
                         key={result?.queryId}
                         result={result}
@@ -291,6 +293,7 @@ interface ResultProps {
     onExpandResultHandler: VoidFunction;
     onCollapseResultHandler: VoidFunction;
     type?: EPathType;
+    subType?: EPathSubType;
     theme: string;
     result?: QueryResult;
     tenantName: string;
@@ -304,6 +307,7 @@ function Result({
     onExpandResultHandler,
     onCollapseResultHandler,
     type,
+    subType,
     theme,
     result,
     tenantName,
@@ -313,7 +317,7 @@ function Result({
     tableSettings,
 }: ResultProps) {
     if (showPreview) {
-        return <PreviewContainer database={tenantName} path={path} type={type} />;
+        return <PreviewContainer database={tenantName} path={path} type={type} subType={subType} />;
     }
 
     if (result) {