CCM-11473: only show lock warning callout for locked templates

harrim91 · harrim91 · commit bc461f020967 · 2025-12-23T15:52:49.000Z
diff --git a/frontend/src/__tests__/components/forms/PreviewEmailTemplate/__snapshots__/PreviewEmailTemplate.test.tsx.snap b/frontend/src/__tests__/components/forms/PreviewEmailTemplate/__snapshots__/PreviewEmailTemplate.test.tsx.snap
@@ -845,27 +845,6 @@ exports[`Preview email form renders matches snapshot when navigating from edit s
             test-template-email
           </h1>
         </div>
-        <div
-          class="nhsuk-warning-callout nhsuk-u-padding-4 nhsuk-u-margin-bottom-6 nhsuk-u-reading-width warning_callout"
-        >
-          <strong
-            class="nhsuk-tag nhsuk-tag--green nhsuk-u-margin-right-2 nhsuk-u-margin-bottom-3"
-          >
-            Draft
-          </strong>
-          <p>
-            You cannot edit or delete this template because it's used in a message plan that's in production.
-          </p>
-          <p>
-            <a
-              data-testid="copy-link"
-              href="/copy-template/template-id"
-            >
-              Copy this template
-            </a>
-             to create a draft with the same content.
-          </p>
-        </div>
         <div
           class="nhsuk-width-container nhsuk-u-margin-bottom-6 nhsuk-body-m"
         >
@@ -1274,27 +1253,6 @@ exports[`Preview email form renders matches snapshot when navigating from manage
             test-template-email
           </h1>
         </div>
-        <div
-          class="nhsuk-warning-callout nhsuk-u-padding-4 nhsuk-u-margin-bottom-6 nhsuk-u-reading-width warning_callout"
-        >
-          <strong
-            class="nhsuk-tag nhsuk-tag--green nhsuk-u-margin-right-2 nhsuk-u-margin-bottom-3"
-          >
-            Draft
-          </strong>
-          <p>
-            You cannot edit or delete this template because it's used in a message plan that's in production.
-          </p>
-          <p>
-            <a
-              data-testid="copy-link"
-              href="/copy-template/template-id"
-            >
-              Copy this template
-            </a>
-             to create a draft with the same content.
-          </p>
-        </div>
         <div
           class="nhsuk-width-container nhsuk-u-margin-bottom-6 nhsuk-body-m"
         >
diff --git a/frontend/src/__tests__/components/forms/PreviewNHSAppTemplate/__snapshots__/PreviewNHSAppTemplate.test.tsx.snap b/frontend/src/__tests__/components/forms/PreviewNHSAppTemplate/__snapshots__/PreviewNHSAppTemplate.test.tsx.snap
@@ -773,27 +773,6 @@ exports[`Preview nhs app form renders matches snapshot when navigating from edit
             test-template-nhs app
           </h1>
         </div>
-        <div
-          class="nhsuk-warning-callout nhsuk-u-padding-4 nhsuk-u-margin-bottom-6 nhsuk-u-reading-width warning_callout"
-        >
-          <strong
-            class="nhsuk-tag nhsuk-tag--green nhsuk-u-margin-right-2 nhsuk-u-margin-bottom-3"
-          >
-            Draft
-          </strong>
-          <p>
-            You cannot edit or delete this template because it's used in a message plan that's in production.
-          </p>
-          <p>
-            <a
-              data-testid="copy-link"
-              href="/copy-template/template-id"
-            >
-              Copy this template
-            </a>
-             to create a draft with the same content.
-          </p>
-        </div>
         <div
           class="nhsuk-width-container nhsuk-u-margin-bottom-6 nhsuk-body-m"
         >
@@ -1154,27 +1133,6 @@ exports[`Preview nhs app form renders matches snapshot when navigating from mana
             test-template-nhs app
           </h1>
         </div>
-        <div
-          class="nhsuk-warning-callout nhsuk-u-padding-4 nhsuk-u-margin-bottom-6 nhsuk-u-reading-width warning_callout"
-        >
-          <strong
-            class="nhsuk-tag nhsuk-tag--green nhsuk-u-margin-right-2 nhsuk-u-margin-bottom-3"
-          >
-            Draft
-          </strong>
-          <p>
-            You cannot edit or delete this template because it's used in a message plan that's in production.
-          </p>
-          <p>
-            <a
-              data-testid="copy-link"
-              href="/copy-template/template-id"
-            >
-              Copy this template
-            </a>
-             to create a draft with the same content.
-          </p>
-        </div>
         <div
           class="nhsuk-width-container nhsuk-u-margin-bottom-6 nhsuk-body-m"
         >
diff --git a/frontend/src/__tests__/components/forms/PreviewSMSTemplate/__snapshots__/PreviewSMSTemplate.test.tsx.snap b/frontend/src/__tests__/components/forms/PreviewSMSTemplate/__snapshots__/PreviewSMSTemplate.test.tsx.snap
@@ -770,27 +770,6 @@ exports[`Review sms form renders matches snapshot when navigating from edit scre
             test-template-sms
           </h1>
         </div>
-        <div
-          class="nhsuk-warning-callout nhsuk-u-padding-4 nhsuk-u-margin-bottom-6 nhsuk-u-reading-width warning_callout"
-        >
-          <strong
-            class="nhsuk-tag nhsuk-tag--green nhsuk-u-margin-right-2 nhsuk-u-margin-bottom-3"
-          >
-            Draft
-          </strong>
-          <p>
-            You cannot edit or delete this template because it's used in a message plan that's in production.
-          </p>
-          <p>
-            <a
-              data-testid="copy-link"
-              href="/copy-template/template-id"
-            >
-              Copy this template
-            </a>
-             to create a draft with the same content.
-          </p>
-        </div>
         <div
           class="nhsuk-width-container nhsuk-u-margin-bottom-6 nhsuk-body-m"
         >
@@ -1149,27 +1128,6 @@ exports[`Review sms form renders matches snapshot when navigating from manage te
             test-template-sms
           </h1>
         </div>
-        <div
-          class="nhsuk-warning-callout nhsuk-u-padding-4 nhsuk-u-margin-bottom-6 nhsuk-u-reading-width warning_callout"
-        >
-          <strong
-            class="nhsuk-tag nhsuk-tag--green nhsuk-u-margin-right-2 nhsuk-u-margin-bottom-3"
-          >
-            Draft
-          </strong>
-          <p>
-            You cannot edit or delete this template because it's used in a message plan that's in production.
-          </p>
-          <p>
-            <a
-              data-testid="copy-link"
-              href="/copy-template/template-id"
-            >
-              Copy this template
-            </a>
-             to create a draft with the same content.
-          </p>
-        </div>
         <div
           class="nhsuk-width-container nhsuk-u-margin-bottom-6 nhsuk-body-m"
         >
diff --git a/frontend/src/__tests__/components/organisms/__snapshots__/PreviewLetterTemplate.test.tsx.snap b/frontend/src/__tests__/components/organisms/__snapshots__/PreviewLetterTemplate.test.tsx.snap
@@ -1057,16 +1057,6 @@ exports[`PreviewLetterTemplate component matches snapshot when template status i
             letter
           </h1>
         </div>
-        <div
-          class="nhsuk-warning-callout nhsuk-u-padding-4 nhsuk-u-margin-bottom-6 nhsuk-u-reading-width warning_callout"
-        >
-          <strong
-            class="nhsuk-tag nhsuk-u-margin-right-2 nhsuk-u-margin-bottom-3"
-          />
-          <p>
-            You cannot delete this template because it's used in a message plan that's in production.
-          </p>
-        </div>
         <div
           class="nhsuk-width-container nhsuk-u-margin-bottom-6 nhsuk-body-m"
         >
diff --git a/frontend/src/components/molecules/PreviewTemplateDetails/PreviewTemplateDetailsEmail.tsx b/frontend/src/components/molecules/PreviewTemplateDetails/PreviewTemplateDetailsEmail.tsx
@@ -30,7 +30,11 @@ export default function PreviewTemplateDetailsEmail({
   return (
     <>
       <DetailsHeader templateName={template.name} />
-      {features.routing && <LockedTemplateWarning template={template} />}
+
+      {features.routing && template.templateStatus === 'SUBMITTED' && (
+        <LockedTemplateWarning template={template} />
+      )}
+
       <Container
         className={concatClassNames('nhsuk-u-margin-bottom-6', 'nhsuk-body-m')}
       >
diff --git a/frontend/src/components/molecules/PreviewTemplateDetails/PreviewTemplateDetailsLetter.tsx b/frontend/src/components/molecules/PreviewTemplateDetails/PreviewTemplateDetailsLetter.tsx
@@ -42,7 +42,11 @@ export default function PreviewTemplateDetailsLetter({
   return (
     <>
       <DetailsHeader templateName={template.name} />
-      {features.routing && <LockedTemplateWarning template={template} />}
+
+      {features.routing && template.templateStatus === 'SUBMITTED' && (
+        <LockedTemplateWarning template={template} />
+      )}
+
       <Container
         className={concatClassNames('nhsuk-u-margin-bottom-6', 'nhsuk-body-m')}
       >
diff --git a/frontend/src/components/molecules/PreviewTemplateDetails/PreviewTemplateDetailsNhsApp.tsx b/frontend/src/components/molecules/PreviewTemplateDetails/PreviewTemplateDetailsNhsApp.tsx
@@ -29,7 +29,11 @@ export default function PreviewTemplateDetailsNhsApp({
   return (
     <>
       <DetailsHeader templateName={template.name} />
-      {features.routing && <LockedTemplateWarning template={template} />}
+
+      {features.routing && template.templateStatus === 'SUBMITTED' && (
+        <LockedTemplateWarning template={template} />
+      )}
+
       <Container
         className={concatClassNames('nhsuk-u-margin-bottom-6', 'nhsuk-body-m')}
       >
diff --git a/frontend/src/components/molecules/PreviewTemplateDetails/PreviewTemplateDetailsSms.tsx b/frontend/src/components/molecules/PreviewTemplateDetails/PreviewTemplateDetailsSms.tsx
@@ -29,7 +29,11 @@ export default function PreviewTemplateDetailsSms({
   return (
     <>
       <DetailsHeader templateName={template.name} />
-      {features.routing && <LockedTemplateWarning template={template} />}
+
+      {features.routing && template.templateStatus === 'SUBMITTED' && (
+        <LockedTemplateWarning template={template} />
+      )}
+
       <Container
         className={concatClassNames('nhsuk-u-margin-bottom-6', 'nhsuk-body-m')}
       >
