diff --git a/app/src/components/detail/CreateDeploymentForm.tsx b/app/src/components/detail/CreateDeploymentForm.tsx index 5b38ed3..1e03abc 100644 --- a/app/src/components/detail/CreateDeploymentForm.tsx +++ b/app/src/components/detail/CreateDeploymentForm.tsx @@ -3,6 +3,8 @@ import { useQueryClient } from "@tanstack/react-query" import { useNavigate } from "react-router-dom" import { X } from "lucide-react" import { apiClient } from "@/services/api/client" +import { useGateway } from "@/services/api/hooks" +import { gatewayHost, publicGatewayHost } from "@/lib/labels" import { Field, TextField } from "./fields" const SELECT = @@ -40,6 +42,9 @@ export function CreateDeploymentForm({ }) { const qc = useQueryClient() const navigate = useNavigate() + const { data: gateway } = useGateway() + const domain = gateway?.domain + const publicDomain = gateway?.public_domain const [kind, setKind] = useState(initialKind ?? "service") const [name, setName] = useState(prefill?.name ?? "") @@ -207,16 +212,16 @@ export function CreateDeploymentForm({ <> - + ", domain)}. Off: reachable only at host:port.`}> {proxy && ( - + ", publicDomain)}.`}>