diff --git a/frontend/src/pages/secret-manager/IntegrationsListPage/components/SecretSyncsTab/SecretSyncTable/SecretSyncDestinationCol/CamundaSyncDestinationCol.tsx b/frontend/src/pages/secret-manager/IntegrationsListPage/components/SecretSyncsTab/SecretSyncTable/SecretSyncDestinationCol/CamundaSyncDestinationCol.tsx index 0fe1b640a..76efe471c 100644 --- a/frontend/src/pages/secret-manager/IntegrationsListPage/components/SecretSyncsTab/SecretSyncTable/SecretSyncDestinationCol/CamundaSyncDestinationCol.tsx +++ b/frontend/src/pages/secret-manager/IntegrationsListPage/components/SecretSyncsTab/SecretSyncTable/SecretSyncDestinationCol/CamundaSyncDestinationCol.tsx @@ -9,7 +9,7 @@ type Props = { }; export const CamundaDestinationSyncCol = ({ secretSync }: Props) => { - const { data: clusters } = useCamundaConnectionListClusters(secretSync.connectionId); + const { data: clusters, isPending } = useCamundaConnectionListClusters(secretSync.connectionId); const { primaryText, secondaryText } = getSecretSyncDestinationColValues({ ...secretSync, @@ -21,5 +21,9 @@ export const CamundaDestinationSyncCol = ({ secretSync }: Props) => { } }); + if (isPending) { + return ; + } + return ; }; diff --git a/frontend/src/pages/secret-manager/SecretSyncDetailsByIDPage/components/SecretSyncDestinationSection/CamundaSyncDestinationSection.tsx b/frontend/src/pages/secret-manager/SecretSyncDetailsByIDPage/components/SecretSyncDestinationSection/CamundaSyncDestinationSection.tsx index cfd3ade81..078fe58a4 100644 --- a/frontend/src/pages/secret-manager/SecretSyncDetailsByIDPage/components/SecretSyncDestinationSection/CamundaSyncDestinationSection.tsx +++ b/frontend/src/pages/secret-manager/SecretSyncDetailsByIDPage/components/SecretSyncDestinationSection/CamundaSyncDestinationSection.tsx @@ -7,11 +7,15 @@ type Props = { }; export const CamundaSyncDestinationSection = ({ secretSync }: Props) => { - const { data: clusters } = useCamundaConnectionListClusters(secretSync.connectionId); + const { data: clusters, isPending } = useCamundaConnectionListClusters(secretSync.connectionId); const { destinationConfig: { clusterUUID } } = secretSync; + if (isPending) { + return Loading...; + } + const clusterName = clusters?.find((cluster) => cluster.uuid === clusterUUID)?.name; return {clusterName ?? clusterUUID}; };