cleanup

Author: alexnuttall

frontend/src/__tests__/components/forms/SubmitTemplate/__snapshots__/SubmitLetterTemplate.test.tsx.snap

@@ -16,8 +16,10 @@ exports[`SubmitLetterTemplate component should render 1`] = `
         <h1>
           Approve and submit 'template-name'
         </h1>
-        <p>
-          When you submit a letter template, it will be used by NHS Notify to set up the messages you want to send
+        <p
+          class="nhsuk-body-l"
+        >
+          When you submit a letter template, it will be used by NHS Notify to set up the messages you want to send.
         </p>
         <h2
           class="nhsuk-heading-s"
@@ -29,10 +31,10 @@ exports[`SubmitLetterTemplate component should render 1`] = `
         </p>
         <ul>
           <li>
-            appears exactly as you'd like a recipient to receieve it
+            appears exactly as you'd like a recipient to receive it
           </li>
           <li>
-            uses personalisation in the way yuo expect
+            uses personalisation in the way you expect
           </li>
           <li>
             displays QR codes correctly (if included)
@@ -104,7 +106,7 @@ exports[`SubmitLetterTemplate component should render 1`] = `
             id="submit-template-button"
             type="submit"
           >
-            Submit template
+            Approve and submit
           </button>
         </form>
       </div>

frontend/src/components/forms/SubmitTemplate/SubmitLetterTemplate.tsx

@@ -9,6 +9,8 @@ import { submitTemplate } from '@forms/SubmitTemplate/server-action';
 import { NHSNotifyMain } from '@atoms/NHSNotifyMain/NHSNotifyMain';
 import { NHSNotifyButton } from '@atoms/NHSNotifyButton/NHSNotifyButton';
 
+// breaking sonarqube rules about duplication, but the code is temporary
+// BEGIN-NOSCAN
 export const SubmitLetterTemplareProofingDisabled: FC<{
   templateName: string;
   templateId: string;
@@ -84,6 +86,7 @@ export const SubmitLetterTemplareProofingDisabled: FC<{
     </NHSNotifyMain>
   );
 };
+// END-NOSCAN
 
 export const SubmitLetterTemplate: FC<{
   templateName: string;
@@ -122,7 +125,7 @@ export const SubmitLetterTemplate: FC<{
           <h1>
             {pageHeading} {`'${templateName}'`}
           </h1>
-          <p>{intro}</p>
+          <p className='nhsuk-body-l'>{intro}</p>
           <h2 className='nhsuk-heading-s'>{submitChecklistHeading}</h2>
           <p>{submitChecklistIntroduction}</p>
           <ul>

frontend/src/content/content.ts

@@ -374,12 +374,12 @@ const submitLetterTemplate = {
   },
   pageHeading: 'Approve and submit',
   intro:
-    'When you submit a letter template, it will be used by NHS Notify to set up the messages you want to send',
+    'When you submit a letter template, it will be used by NHS Notify to set up the messages you want to send.',
   submitChecklistHeading: 'Before you submit this template',
   submitChecklistIntroduction: 'You should check that your template proof:',
   submitChecklistItems: [
-    `appears exactly as you'd like a recipient to receieve it`,
-    'uses personalisation in the way yuo expect',
+    `appears exactly as you'd like a recipient to receive it`,
+    'uses personalisation in the way you expect',
     'displays QR codes correctly (if included)',
   ],
   warningCalloutLabel: 'Important',
@@ -390,7 +390,7 @@ const submitLetterTemplate = {
   ],
   goBackPath: 'preview-letter-template',
   goBackButtonText: submitTemplate.goBackButtonText,
-  buttonText: submitTemplate.buttonText,
+  buttonText: 'Approve and submit',
 };
 
 const copyTemplate = {