diff --git a/package-lock.json b/package-lock.json index 2b4eef4..702da31 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,7 +11,7 @@ "@ant-design/icons": "5.6.0", "@monaco-editor/react": "4.6.0", "@originjs/vite-plugin-federation": "1.3.6", - "@prorobotech/openapi-k8s-toolkit": "^1.1.0-alpha.1", + "@prorobotech/openapi-k8s-toolkit": "^1.1.0-alpha.2", "@readme/openapi-parser": "4.0.0", "@reduxjs/toolkit": "2.2.5", "@tanstack/react-query": "5.62.2", @@ -2804,9 +2804,9 @@ } }, "node_modules/@prorobotech/openapi-k8s-toolkit": { - "version": "1.1.0-alpha.1", - "resolved": "https://registry.npmjs.org/@prorobotech/openapi-k8s-toolkit/-/openapi-k8s-toolkit-1.1.0-alpha.1.tgz", - "integrity": "sha512-vuE+cysEhQj0SAUNO/ByJw1OLih5KQUkTEzoJZ4I135/ciQXpMOY9QnXlcTnFxwafb1rnk4APBsAuYPTR4SpyQ==", + "version": "1.1.0-alpha.2", + "resolved": "https://registry.npmjs.org/@prorobotech/openapi-k8s-toolkit/-/openapi-k8s-toolkit-1.1.0-alpha.2.tgz", + "integrity": "sha512-aNOTBpOevJ1VqZ6e2w1yDpv//+4TGdk0j0fsJa465bOQJbFZLQIAxepZ+T2SY81mnVen24IMZhPBwn9VNEYJWA==", "license": "MIT", "dependencies": { "@monaco-editor/react": "4.6.0", diff --git a/package.json b/package.json index 5baf5f4..97662e1 100644 --- a/package.json +++ b/package.json @@ -20,7 +20,7 @@ "@ant-design/icons": "5.6.0", "@monaco-editor/react": "4.6.0", "@originjs/vite-plugin-federation": "1.3.6", - "@prorobotech/openapi-k8s-toolkit": "1.1.0-alpha.1", + "@prorobotech/openapi-k8s-toolkit": "1.1.0-alpha.2", "@readme/openapi-parser": "4.0.0", "@reduxjs/toolkit": "2.2.5", "@tanstack/react-query": "5.62.2", diff --git a/src/components/molecules/ManageableBreadcrumbs/ManageableBreadcrumbs.tsx b/src/components/molecules/ManageableBreadcrumbs/ManageableBreadcrumbs.tsx index 65a6304..6743c05 100644 --- a/src/components/molecules/ManageableBreadcrumbs/ManageableBreadcrumbs.tsx +++ b/src/components/molecules/ManageableBreadcrumbs/ManageableBreadcrumbs.tsx @@ -32,7 +32,7 @@ export const ManageableBreadcrumbs: FC = ({ idToCom return ( = ({ $maxHeight={height} > = ({ }) const { - state: stateCore, - status: statusCore, - lastError: lastErrorCore, - } = useListWatch({ - wsUrl: `/api/clusters/${cluster}/openapi-bff-ws/listThenWatch/listWatchWs`, - paused: false, - ignoreRemove: false, - autoDrain: true, - preserveStateOnUrlChange: true, - pageSize: limit, - query: { - namespace, - apiVersion: apiVersion || '', - plural: typeName, - labelSelector: labels ? encodeURIComponent(labels.join(',')) : undefined, - fieldSelector: fields ? encodeURIComponent(fields.join(',')) : undefined, - }, - isEnabled: resourceType === 'builtin', - }) - - const isPendingBuiltin = statusCore === 'connecting' - const errorBuiltin = statusCore === 'closed' && lastErrorCore ? lastErrorCore : undefined - const dataBuiltin = stateCore.order.map(key => { - const res = stateCore.byKey[key] - return res - }) - - const { - state: stateApi, - status: statusApi, - lastError: lastErrorApi, - } = useListWatch({ - wsUrl: `/api/clusters/${cluster}/openapi-bff-ws/listThenWatch/listWatchWs`, - paused: false, - ignoreRemove: false, - autoDrain: true, - preserveStateOnUrlChange: true, - pageSize: limit, - query: { - namespace, - apiGroup: apiGroup || '', - apiVersion: apiVersion || '', - plural: typeName, - labelSelector: labels ? labels.join(',') : undefined, - fieldSelector: fields ? fields.join(',') : undefined, - }, - isEnabled: resourceType === 'api' && !!apiGroup && !!apiVersion, - }) - - const isPendingApi = statusApi === 'connecting' - const errorApi = statusApi === 'closed' && lastErrorApi ? lastErrorApi : undefined - const dataApi = stateApi.order.map(key => { - const res = stateApi.byKey[key] - return res + data: dataItems, + isLoading, + error, + } = useK8sSmartResource<{ items: TSingleResource[] }>({ + cluster, + namespace, + group: apiGroup || undefined, + version: apiVersion || '', + plural: typeName, + labelSelector: labels ? encodeURIComponent(labels.join(',')) : undefined, + fieldSelector: fields ? encodeURIComponent(fields.join(',')) : undefined, + limit, }) const onDeleteHandle = (name: string, endpoint: string) => { @@ -218,70 +177,65 @@ export const TableApiBuiltin: FC = ({ return ( <> - {((resourceType === 'builtin' && isPendingBuiltin) || (resourceType === 'api' && isPendingApi)) && } - {resourceType === 'builtin' && errorBuiltin && ( - - )} - {resourceType === 'api' && errorApi && } + {isLoading && } + {error && } - {!errorBuiltin && - !errorApi && - ((resourceType === 'builtin' && dataBuiltin) || (resourceType === 'api' && dataApi)) && ( - { - setSelectedRowKeys(selectedRowKeys) - setSelectedRowsData(selectedRowsData) - }, - }} - tableProps={{ ...TABLE_PROPS, disablePagination: !searchMount }} - // maxHeight={height - 65} - /> - )} + {!error && dataItems && ( + { + setSelectedRowKeys(selectedRowKeys) + setSelectedRowsData(selectedRowsData) + }, + }} + tableProps={{ ...TABLE_PROPS, disablePagination: !searchMount }} + // maxHeight={height - 65} + /> + )} {/* {selectedRowKeys.length > 0 && (