From a5bda77fcf2753f8d7551960057944e588632495 Mon Sep 17 00:00:00 2001
From: Colin Dawson <me@cjdawson.com>
Date: Tue, 10 Feb 2026 22:11:09 +0000
Subject: [PATCH] Added a general validation error message, so that the user
 can see why the save button is disabled.

---
 public/locales/en/common.json                                | 1 +
 .../manager/workflowTemplates/WorkflowTemplateDetails.tsx    | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/public/locales/en/common.json b/public/locales/en/common.json
index 6ba6377..e1a8e73 100644
--- a/public/locales/en/common.json
+++ b/public/locales/en/common.json
@@ -147,6 +147,7 @@
   "Required": "Required",
   "ResendConfirm": "Resend Confirm",
   "ResetPassword": "Reset Password",
+  "ResolveAllValidation": "Please resolve all validation errors.",
   "Role": "Role",
   "RoleAccess": "Role Access",
   "RoleAccessUpdated": "Role access updated successfully.",
diff --git a/src/modules/manager/workflowTemplates/WorkflowTemplateDetails.tsx b/src/modules/manager/workflowTemplates/WorkflowTemplateDetails.tsx
index 9aa771a..b593618 100644
--- a/src/modules/manager/workflowTemplates/WorkflowTemplateDetails.tsx
+++ b/src/modules/manager/workflowTemplates/WorkflowTemplateDetails.tsx
@@ -16,6 +16,7 @@ import {
   renderError,
 } from "../../../components/common/formHelpers";
 import { useForm } from "../../../components/common/useForm";
+import ErrorBlock from "../../../components/common/ErrorBlock";
 
 const WorkflowTemplateDetails: React.FC<{ editMode: boolean }> = ({
   editMode,
@@ -139,6 +140,10 @@ const WorkflowTemplateDetails: React.FC<{ editMode: boolean }> = ({
             {renderButton(t("SaveAndClose"), errors, "save")}
           </div>
 
+          {Object.keys(errors).length > 0 && (
+            <ErrorBlock error={t("ResolveAllValidation")} />
+          )}
+
           {renderError("_general", errors)}
 
           <HorizontalTabs hashSegment={0}>{tabs}</HorizontalTabs>