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};
};