awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-06 20:27:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

misc: added loading state

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/secret-manager/IntegrationsListPage/components/SecretSyncsTab/SecretSyncTable/SecretSyncDestinationCol/CamundaSyncDestinationCol.tsx
+5 -1
View File
@@ -9,7 +9,7 @@ type Props = {
}; };
export const CamundaDestinationSyncCol = ({ secretSync }: Props) => { export const CamundaDestinationSyncCol = ({ secretSync }: Props) => {
const { data: clusters } = useCamundaConnectionListClusters(secretSync.connectionId); const { data: clusters, isPending } = useCamundaConnectionListClusters(secretSync.connectionId);
const { primaryText, secondaryText } = getSecretSyncDestinationColValues({ const { primaryText, secondaryText } = getSecretSyncDestinationColValues({
...secretSync, ...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} />; return <SecretSyncTableCell primaryText={primaryText} secondaryText={secondaryText} />;
}; };
frontend/src/pages/secret-manager/SecretSyncDetailsByIDPage/components/SecretSyncDestinationSection/CamundaSyncDestinationSection.tsx
+5 -1
View File
@@ -7,11 +7,15 @@ type Props = {
}; };
export const CamundaSyncDestinationSection = ({ secretSync }: Props) => { export const CamundaSyncDestinationSection = ({ secretSync }: Props) => {
const { data: clusters } = useCamundaConnectionListClusters(secretSync.connectionId); const { data: clusters, isPending } = useCamundaConnectionListClusters(secretSync.connectionId);
const { const {
destinationConfig: { clusterUUID } destinationConfig: { clusterUUID }
} = secretSync; } = secretSync;
if (isPending) {
return <GenericFieldLabel label="Cluster">Loading...</GenericFieldLabel>;
}
const clusterName = clusters?.find((cluster) => cluster.uuid === clusterUUID)?.name; const clusterName = clusters?.find((cluster) => cluster.uuid === clusterUUID)?.name;
return <GenericFieldLabel label="Cluster">{clusterName ?? clusterUUID}</GenericFieldLabel>; return <GenericFieldLabel label="Cluster">{clusterName ?? clusterUUID}</GenericFieldLabel>;
}; };