From 8805d13ce5d249622a2c6cd851cb198c5699605a Mon Sep 17 00:00:00 2001 From: Naresh Date: Sat, 11 Jul 2026 13:23:14 +0530 Subject: [PATCH] fix(webapp): correct button disabling state broken by Remix v2 useNavigation changes --- .../route.tsx | 2 +- .../route.tsx | 6 +++--- .../route.tsx | 4 ++-- .../route.tsx | 2 +- .../route.tsx | 2 +- 5 files changed, 8 insertions(+), 8 deletions(-) diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts.new/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts.new/route.tsx index 563155468f..0d80df447c 100644 --- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts.new/route.tsx +++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts.new/route.tsx @@ -243,7 +243,7 @@ export default function Page() { const isLoading = navigation.state !== "idle" && - navigation.formMethod === "post" && + navigation.formMethod === "POST" && navigation.formData?.get("action") === "create"; const [ diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts/route.tsx index 9bf64da160..15d36a680a 100644 --- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts/route.tsx +++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.alerts/route.tsx @@ -383,7 +383,7 @@ function DeleteAlertChannelButton(props: { id: string }) { const isLoading = navigation.state !== "idle" && - navigation.formMethod === "post" && + navigation.formMethod === "POST" && navigation.formData?.get("action") === "delete"; const [form] = useForm({ @@ -422,7 +422,7 @@ function DisableAlertChannelButton(props: { id: string }) { const isLoading = navigation.state !== "idle" && - navigation.formMethod === "post" && + navigation.formMethod === "POST" && navigation.formData?.get("action") === "delete"; const [form] = useForm({ @@ -462,7 +462,7 @@ function EnableAlertChannelButton(props: { id: string }) { const isLoading = navigation.state !== "idle" && - navigation.formMethod === "post" && + navigation.formMethod === "POST" && navigation.formData?.get("action") === "delete"; const [form] = useForm({ diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.dashboards.custom.$dashboardId/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.dashboards.custom.$dashboardId/route.tsx index 8aa6427afb..86966eb46a 100644 --- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.dashboards.custom.$dashboardId/route.tsx +++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.dashboards.custom.$dashboardId/route.tsx @@ -652,7 +652,7 @@ function RenameDashboardDialog({ title }: { title: string }) { const isRenaming = navigation.state !== "idle" && - navigation.formMethod === "post" && + navigation.formMethod === "POST" && navigation.formData?.get("action") === "rename"; // Close dialog when navigation completes @@ -724,7 +724,7 @@ function DeleteDashboardDialog({ title }: { title: string }) { const isDeleting = navigation.state !== "idle" && - navigation.formMethod === "post" && + navigation.formMethod === "POST" && navigation.formData?.get("action") === "delete"; // Close dialog when navigation completes diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables.new/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables.new/route.tsx index d552b3104f..1252febe63 100644 --- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables.new/route.tsx +++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables.new/route.tsx @@ -230,7 +230,7 @@ export default function Page() { const selectedEnvironments = environments.filter((env) => selectedEnvironmentIds.has(env.id)); const previewIsSelected = selectedEnvironments.some((env) => env.type === "PREVIEW"); - const isLoading = navigation.state !== "idle" && navigation.formMethod === "post"; + const isLoading = navigation.state !== "idle" && navigation.formMethod === "POST"; const [form, fields] = useForm>({ id: "create-environment-variables", diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables/route.tsx index b0b2a89314..fbc92ee051 100644 --- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables/route.tsx +++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables/route.tsx @@ -868,7 +868,7 @@ function DeleteEnvironmentVariableButton({ const isLoading = navigation.state !== "idle" && - navigation.formMethod === "post" && + navigation.formMethod === "POST" && navigation.formData?.get("action") === "delete"; const [form] = useForm({