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

frontend/src/hooks/api/secretSyncs/types/camunda-sync.ts

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

frontend/src/pages/secret-manager/IntegrationsListPage/components/SecretSyncsTab/SecretSyncTable/SecretSyncDestinationCol/CamundaSyncDestinationCol.tsx

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

frontend/src/pages/secret-manager/IntegrationsListPage/components/SecretSyncsTab/SecretSyncTable/helpers/index.ts

@@ -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:

frontend/src/pages/secret-manager/SecretSyncDetailsByIDPage/components/SecretSyncDestinationSection/CamundaSyncDestinationSection.tsx

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