From 74761d04f92977d51452091ffa155099568b1d84 Mon Sep 17 00:00:00 2001
From: Peter York <peter.york@dft.gov.uk>
Date: Thu, 16 Jan 2025 10:29:58 +0000
Subject: [PATCH] Change metric -> criterion

---
 src/lib/PrevNext.svelte                        | 14 +++++++++++---
 src/routes/planning/assessment/Question.svelte |  2 +-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/lib/PrevNext.svelte b/src/lib/PrevNext.svelte
index d8a17a54a7..29a8e36ade 100644
--- a/src/lib/PrevNext.svelte
+++ b/src/lib/PrevNext.svelte
@@ -5,10 +5,15 @@
   export let total: number;
   export let urlPath: string;
   export let startIdx = 1;
+  export let questionType: string = "metric";
 
   function formatIndex(idx: number): string {
     return (idx + startIdx - 1).toString().padStart(2, "0");
   }
+
+  function capitaliseFirstCharacter(string: string) {
+    return string.charAt(0).toUpperCase() + string.slice(1);;
+  }
 </script>
 
 <nav
@@ -36,7 +41,9 @@
             d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"
           ></path>
         </svg>
-        <span class="govuk-pagination__link-title">Previous metric</span>
+        <span class="govuk-pagination__link-title">
+          Previous {questionType}
+        </span>
       </a>
     </div>
   {:else}
@@ -45,7 +52,8 @@
 
   <ul class="govuk-pagination__list">
     <li class="govuk-pagination__item">
-      Metric {idx} / {total}
+      {capitaliseFirstCharacter(questionType)}
+      {idx} / {total}
     </li>
   </ul>
 
@@ -56,7 +64,7 @@
         href="{base}/{urlPath}{formatIndex(idx + 1)}"
         rel="next"
       >
-        <span class="govuk-pagination__link-title">Next metric</span>
+        <span class="govuk-pagination__link-title">Next {questionType}</span>
         <svg
           class="govuk-pagination__icon govuk-pagination__icon--next"
           xmlns="http://www.w3.org/2000/svg"
diff --git a/src/routes/planning/assessment/Question.svelte b/src/routes/planning/assessment/Question.svelte
index 9e8657c23f..5250361f3e 100644
--- a/src/routes/planning/assessment/Question.svelte
+++ b/src/routes/planning/assessment/Question.svelte
@@ -15,7 +15,7 @@
   </div>
 
   <div class="govuk-grid-column-three-quarters">
-    <PrevNext {idx} total={10} urlPath="planning/assessment/q" />
+    <PrevNext {idx} total={10} urlPath="planning/assessment/q" questionType="Criterion" />
 
     <slot name="description" />