misc: added loading state

This commit is contained in:
Sheen Capadngan
2025-04-11 22:25:10 +08:00
parent 1cbab41609
commit d888d990d0
2 changed files with 10 additions and 2 deletions

View File

@ -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 <SecretSyncTableCell primaryText="Loading cluster info..." secondaryText="Cluster" />;
}
return <SecretSyncTableCell primaryText={primaryText} secondaryText={secondaryText} />;
};

View File

@ -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 <GenericFieldLabel label="Cluster">Loading...</GenericFieldLabel>;
}
const clusterName = clusters?.find((cluster) => cluster.uuid === clusterUUID)?.name;
return <GenericFieldLabel label="Cluster">{clusterName ?? clusterUUID}</GenericFieldLabel>;
};