Address PR comment for terraform sync integration

frontend/src/components/secret-syncs/forms/SecretSyncReviewFields/CamundaSyncReviewFields.tsx

@@ -0,0 +1,20 @@
+import { useFormContext } from "react-hook-form";
+
+import { GenericFieldLabel } from "@app/components/secret-syncs";
+import { TSecretSyncForm } from "@app/components/secret-syncs/forms/schemas";
+import { SecretSync } from "@app/hooks/api/secretSyncs";
+
+export const CamundaSyncReviewFields = () => {
+  const { watch } = useFormContext<TSecretSyncForm & { destination: SecretSync.Camunda }>();
+  const scope = watch("destinationConfig.scope");
+  const clusterName = watch("destinationConfig.clusterName");
+  const clusterUUID = watch("destinationConfig.clusterUUID");
+  return (
+    <>
+      <GenericFieldLabel label="Secret Scope">{scope}</GenericFieldLabel>
+      <GenericFieldLabel label="Cluster">
+        {clusterName} (id:{clusterUUID})
+      </GenericFieldLabel>
+    </>
+  );
+};

frontend/src/components/secret-syncs/forms/SecretSyncReviewFields/SecretSyncReviewFields.tsx

@@ -17,6 +17,7 @@ import {
 } from "./AwsSecretsManagerSyncReviewFields";
 import { AzureAppConfigurationSyncReviewFields } from "./AzureAppConfigurationSyncReviewFields";
 import { AzureKeyVaultSyncReviewFields } from "./AzureKeyVaultSyncReviewFields";
+import { CamundaSyncReviewFields } from "./CamundaSyncReviewFields";
 import { DatabricksSyncReviewFields } from "./DatabricksSyncReviewFields";
 import { GcpSyncReviewFields } from "./GcpSyncReviewFields";
 import { GitHubSyncReviewFields } from "./GitHubSyncReviewFields";
@@ -77,6 +78,9 @@ export const SecretSyncReviewFields = () => {
     case SecretSync.TerraformCloud:
       DestinationFieldsComponent = <TerraformCloudSyncReviewFields />;
       break;
+    case SecretSync.Camunda:
+      DestinationFieldsComponent = <CamundaSyncReviewFields />;
+      break;
     case SecretSync.Vercel:
       DestinationFieldsComponent = <VercelSyncReviewFields />;
       break;