misc: updated ui to show cluster name instead of just ID

This commit is contained in:
Sheen Capadngan
2025-04-11 22:09:37 +08:00
parent 46b08dccd1
commit bb59e04c28
4 changed files with 18 additions and 3 deletions

View File

@@ -11,6 +11,7 @@ export type TCamundaSync = TRootSecretSync & {
destinationConfig: {
scope: string;
clusterUUID: string;
clusterName?: string;
};
connection: {
app: AppConnection.Camunda;

View File

@@ -1,3 +1,4 @@
import { useCamundaConnectionListClusters } from "@app/hooks/api/appConnections/camunda";
import { TCamundaSync } from "@app/hooks/api/secretSyncs/types/camunda-sync";
import { getSecretSyncDestinationColValues } from "../helpers";
@@ -8,7 +9,17 @@ type Props = {
};
export const CamundaDestinationSyncCol = ({ secretSync }: Props) => {
const { primaryText, secondaryText } = getSecretSyncDestinationColValues(secretSync);
const { data: clusters } = useCamundaConnectionListClusters(secretSync.connectionId);
const { primaryText, secondaryText } = getSecretSyncDestinationColValues({
...secretSync,
destinationConfig: {
...secretSync.destinationConfig,
clusterName: clusters?.find(
(cluster) => cluster.uuid === secretSync.destinationConfig.clusterUUID
)?.name
}
});
return <SecretSyncTableCell primaryText={primaryText} secondaryText={secondaryText} />;
};

View File

@@ -74,7 +74,7 @@ export const getSecretSyncDestinationColValues = (secretSync: TSecretSync) => {
secondaryText = `Organization - ${destinationConfig.org}`;
break;
case SecretSync.Camunda:
primaryText = destinationConfig.clusterUUID;
primaryText = destinationConfig.clusterName ?? destinationConfig.clusterUUID;
secondaryText = "Cluster";
break;
case SecretSync.Vercel:

View File

@@ -1,4 +1,5 @@
import { GenericFieldLabel } from "@app/components/secret-syncs";
import { useCamundaConnectionListClusters } from "@app/hooks/api/appConnections/camunda";
import { TCamundaSync } from "@app/hooks/api/secretSyncs/types/camunda-sync";
type Props = {
@@ -6,9 +7,11 @@ type Props = {
};
export const CamundaSyncDestinationSection = ({ secretSync }: Props) => {
const { data: clusters } = useCamundaConnectionListClusters(secretSync.connectionId);
const {
destinationConfig: { clusterUUID }
} = secretSync;
return <GenericFieldLabel label="Cluster UUID">{clusterUUID}</GenericFieldLabel>;
const clusterName = clusters?.find((cluster) => cluster.uuid === clusterUUID)?.name;
return <GenericFieldLabel label="Cluster">{clusterName ?? clusterUUID}</GenericFieldLabel>;
};