Add custom error message for Country Search input errors

akdalin-hee · akdalin-hee · commit ff325b51bcad · 2024-07-25T10:04:56.000+01:00
diff --git a/LearningHub.Nhs.WebUI/Styles/nhsuk/pages/createaccount.scss b/LearningHub.Nhs.WebUI/Styles/nhsuk/pages/createaccount.scss
@@ -72,4 +72,9 @@
     .no-bottom-border {
         border-bottom: 0px;
     }
+
+    .custom-validation-error {
+        color: #d5281b;
+        font-size: 19px;
+    }
 }
diff --git a/LearningHub.Nhs.WebUI/Views/Account/CreateAccountCountrySearch.cshtml b/LearningHub.Nhs.WebUI/Views/Account/CreateAccountCountrySearch.cshtml
@@ -31,7 +31,12 @@
                             </svg>
                             <span class="nhsuk-u-visually-hidden">Search</span>
                         </button>
-
+                    </div>
+                    <div>
+                    @if (errorHasOccurred)
+                    {
+                        <span class="custom-validation-error">@CommonValidationErrorMessages.SearchTermRequired</span>
+                    }
                     </div>
                 </form>
 
