diff --git a/ui/components/providers/wizard/steps/credentials-step.tsx b/ui/components/providers/wizard/steps/credentials-step.tsx index 8f8caee768..0cd60c56d5 100644 --- a/ui/components/providers/wizard/steps/credentials-step.tsx +++ b/ui/components/providers/wizard/steps/credentials-step.tsx @@ -15,6 +15,7 @@ import { } from "../../workflow/forms"; import { SelectViaAlibabaCloud } from "../../workflow/forms/select-credentials-type/alibabacloud"; import { SelectViaAWS } from "../../workflow/forms/select-credentials-type/aws"; +import { SelectViaCloudflare } from "../../workflow/forms/select-credentials-type/cloudflare"; import { AddViaServiceAccountForm, SelectViaGCP, @@ -163,6 +164,14 @@ export function CredentialsStep({ /> ); } + if (providerType === "cloudflare") { + return ( + + ); + } return null; } diff --git a/ui/components/providers/workflow/forms/select-credentials-type/cloudflare/select-via-cloudflare.tsx b/ui/components/providers/workflow/forms/select-credentials-type/cloudflare/select-via-cloudflare.tsx index 33c9482372..24011ff56d 100644 --- a/ui/components/providers/workflow/forms/select-credentials-type/cloudflare/select-via-cloudflare.tsx +++ b/ui/components/providers/workflow/forms/select-credentials-type/cloudflare/select-via-cloudflare.tsx @@ -9,10 +9,12 @@ import { RadioGroupCloudflareViaCredentialsTypeForm } from "./radio-group-cloudf interface SelectViaCloudflareProps { initialVia?: string; + onViaChange?: (value: string) => void; } export const SelectViaCloudflare = ({ initialVia, + onViaChange, }: SelectViaCloudflareProps) => { const router = useRouter(); const form = useForm({ @@ -22,6 +24,11 @@ export const SelectViaCloudflare = ({ }); const handleSelectionChange = (value: string) => { + if (onViaChange) { + onViaChange(value); + return; + } + const url = new URL(window.location.href); url.searchParams.set("via", value); router.push(url.toString());