From 20b07ec3d5fa207cb22f1118a8a8e53270531a7d Mon Sep 17 00:00:00 2001
From: robbond <rob@rdbsolutions.co.uk>
Date: Wed, 18 Mar 2026 14:11:37 +0000
Subject: [PATCH] 22079 mockup

---
 components/homepage/casesearch.js     | 18 +++---
 components/myportal.js                | 13 ++--
 components/myportal/advancedsearch.js | 85 ++++++++++++++-------------
 components/myportal/makenewappeal.js  |  3 +
 components/myportal/searchcases.js    | 18 +++---
 locales/cy/home.json                  |  3 +-
 locales/cy/myportal.json              |  6 +-
 locales/en/home.json                  |  3 +-
 locales/en/myportal.json              |  6 +-
 9 files changed, 88 insertions(+), 67 deletions(-)

diff --git a/components/homepage/casesearch.js b/components/homepage/casesearch.js
index 40d54017..73d0c823 100644
--- a/components/homepage/casesearch.js
+++ b/components/homepage/casesearch.js
@@ -37,7 +37,7 @@ const RenderTextfield = ({
                         htmlFor={id}
                         id={id + "_label"}
                     >
-                        <span className="govuk-body-s">{hint1}</span>
+                        <p className="govuk-body-s">{hint1}</p>
                     </label>
                     <ul className="govuk-body-s govuk-!-margin-top-3">
                         <li>{hint2} </li>
@@ -90,7 +90,7 @@ let CaseSearch = (props) => {
 
             throw new SubmissionError({
                 basicSearch: t("home:casesearch-search-validation-required"),
-                _error: "required",
+                _error: "required"
             });
         } else {
             router.push({
@@ -98,7 +98,7 @@ let CaseSearch = (props) => {
                     router.locale == "cy"
                         ? "/canlyniadauchwilio"
                         : "/searchresults",
-                query: { q: values.basicSearch },
+                query: { q: values.basicSearch }
             });
         }
     };
@@ -111,14 +111,16 @@ let CaseSearch = (props) => {
                         <h2 className="heading-small card-heading">
                             {t("home:casesearch-card-title")}
                         </h2>
-
+                        <p className="govuk-body-s">
+                            {t("home:casesearch-card-paragraph")}
+                        </p>
                         <Field
                             validate={[
                                 minLength(
                                     t(
                                         "home:casesearch-search-validation-minlength"
                                     )
-                                ),
+                                )
                             ]}
                             className="govuk-input"
                             component={RenderTextfield}
@@ -144,7 +146,7 @@ let CaseSearch = (props) => {
                                         "event",
                                         "SearchButtonClicked",
                                         {
-                                            searchTerm: basicSearch.value,
+                                            searchTerm: basicSearch.value
                                         }
                                     );
                                 }}
@@ -193,7 +195,7 @@ const mapStateToProps = (state) => {
         myCases: state.myCases,
         watchedCases: state.watchedCases,
         myRepresentations: state.myRepresentations,
-        awaitingSubmission: state.awaitingSubmission,
+        awaitingSubmission: state.awaitingSubmission
     };
 };
 
@@ -207,6 +209,6 @@ export default connect(
 )(
     reduxForm({
         form: "basicSearchForm",
-        destroyOnUnmount: false,
+        destroyOnUnmount: false
     })(CaseSearch)
 );
diff --git a/components/myportal.js b/components/myportal.js
index 7c8bdfc3..526df56a 100644
--- a/components/myportal.js
+++ b/components/myportal.js
@@ -27,14 +27,14 @@ const MyPortal = (props) => {
 
     const handleLogout = () => {
         console.info("////////////\n" + "logout" + "\n////////////");
-        window.localStorage.clear(),
+        (window.localStorage.clear(),
             destroyCookie(null, "next-auth.csrf-token", { path: "/" }),
             destroyCookie(null, "next-auth.callback-url", { path: "/" }),
             destroyCookie(null, "pedw_locale", { path: "/" }),
             destroyCookie(null, "pinsUser", { path: "/" }),
             signOut({
-                callbackUrl: locale == "cy" ? "/cy/allgofnodi" : "/logout",
-            });
+                callbackUrl: locale == "cy" ? "/cy/allgofnodi" : "/logout"
+            }));
     };
 
     const isLPA =
@@ -114,7 +114,7 @@ const MyPortal = (props) => {
                                           ] +
                                           '")].value_cy',
                                       json: transLookup,
-                                      eval: true,
+                                      eval: true
                                   })
                                 : props.accountDetails.accountDetails[
                                       "pinswg_contact_associatedlpa@OData.Community.Display.V1.FormattedValue"
@@ -126,10 +126,11 @@ const MyPortal = (props) => {
                 <div className="govuk-grid-row">
                     <div className="govuk-grid-column-full">
                         <div className="flex-container grid-row govuk-body ">
+                            <SearchCases />
                             {!isLPA && (
                                 <MakeNewAppeal docsOffline={docsOffline} />
                             )}
-                            <SearchCases />
+
                             {/* {props.awaitingSubmission.awaitingSubmission[
                             "@odata.count"
                         ] > 0 && (
@@ -143,7 +144,7 @@ const MyPortal = (props) => {
                             {!isLPA &&
                                 _.has(props.awaitingSubmission, [
                                     "awaitingSubmissionFromBlob",
-                                    "@odata.count",
+                                    "@odata.count"
                                 ]) &&
                                 props.awaitingSubmission
                                     .awaitingSubmissionFromBlob[
diff --git a/components/myportal/advancedsearch.js b/components/myportal/advancedsearch.js
index 1525acbf..7e52a6ca 100644
--- a/components/myportal/advancedsearch.js
+++ b/components/myportal/advancedsearch.js
@@ -88,7 +88,7 @@ let AdvancedSearch = (props) => {
         optionsObj,
         meta: { touched, error },
         label,
-        errormsg,
+        errormsg
     }) => {
         return (
             <>
@@ -143,7 +143,7 @@ let AdvancedSearch = (props) => {
                                                                 .name +
                                                             '")].value_cy',
                                                         json: transLookup,
-                                                        eval: true,
+                                                        eval: true
                                                     })
                                                   : optionsObj[key].name ||
                                                     t(
@@ -166,7 +166,7 @@ let AdvancedSearch = (props) => {
         optionsObj,
         meta: { touched, error },
         label,
-        errormsg,
+        errormsg
     }) => {
         return (
             <>
@@ -213,47 +213,52 @@ let AdvancedSearch = (props) => {
                                                   _.isEmpty(optionsObj[key])
                                                       ? ""
                                                       : _.isEmpty(
-                                                            optionsObj[key]
-                                                        )
-                                                      ? ""
-                                                      : _.isEmpty(
-                                                            optionsObj[key]
-                                                                .value
-                                                        )
-                                                      ? ""
-                                                      : optionsObj[key]
-                                                            .attributevalue +
-                                                        "," +
-                                                        optionsObj[key].value
-                                                            .replace(
-                                                                /(\band|[\s\-\+\(\)\,\&])/g,
-                                                                ""
+                                                              optionsObj[key]
+                                                          )
+                                                        ? ""
+                                                        : _.isEmpty(
+                                                                optionsObj[key]
+                                                                    .value
                                                             )
-                                                            .toLowerCase()
+                                                          ? ""
+                                                          : optionsObj[key]
+                                                                .attributevalue +
+                                                            "," +
+                                                            optionsObj[
+                                                                key
+                                                            ].value
+                                                                .replace(
+                                                                    /(\band|[\s\-\+\(\)\,\&])/g,
+                                                                    ""
+                                                                )
+                                                                .toLowerCase()
                                               }
                                           >
                                               {_.isEmpty(optionsObj[key])
                                                   ? ""
                                                   : _.isEmpty(optionsObj[key])
-                                                  ? ""
-                                                  : _.isEmpty(
-                                                        optionsObj[key].value
-                                                    )
-                                                  ? ""
-                                                  : router.locale == "cy"
-                                                  ? jsonpath({
-                                                        path:
-                                                            '$..[?(@ && @.value=="' +
+                                                    ? ""
+                                                    : _.isEmpty(
                                                             optionsObj[key]
-                                                                .value +
-                                                            '")].value_cy',
-                                                        json: transLookup,
-                                                        eval: true,
-                                                    })
-                                                  : optionsObj[key].value ||
-                                                    t(
-                                                        "case:summary-no-date-entered-label"
-                                                    )}
+                                                                .value
+                                                        )
+                                                      ? ""
+                                                      : router.locale == "cy"
+                                                        ? jsonpath({
+                                                              path:
+                                                                  '$..[?(@ && @.value=="' +
+                                                                  optionsObj[
+                                                                      key
+                                                                  ].value +
+                                                                  '")].value_cy',
+                                                              json: transLookup,
+                                                              eval: true
+                                                          })
+                                                        : optionsObj[key]
+                                                              .value ||
+                                                          t(
+                                                              "case:summary-no-date-entered-label"
+                                                          )}
                                           </option>
                                       );
                                   })}
@@ -325,7 +330,7 @@ let AdvancedSearch = (props) => {
                                                     t(
                                                         "myportal:searchcases-validation-minlength"
                                                     )
-                                                ),
+                                                )
                                             ]}
                                             className="govuk-input govuk-!-width-two-thirds"
                                             component={RenderTextfield}
@@ -475,7 +480,7 @@ const mapStateToProps = (state) => {
         myCases: state.myCases,
         watchedCases: state.watchedCases,
         myRepresentations: state.myRepresentations,
-        awaitingSubmission: state.awaitingSubmission,
+        awaitingSubmission: state.awaitingSubmission
     };
 };
 
@@ -491,6 +496,6 @@ export default connect(
 )(
     reduxForm({
         form: "advancedSearchForm",
-        destroyOnUnmount: false,
+        destroyOnUnmount: false
     })(AdvancedSearch)
 );
diff --git a/components/myportal/makenewappeal.js b/components/myportal/makenewappeal.js
index a2ceedd7..70ceee0d 100644
--- a/components/myportal/makenewappeal.js
+++ b/components/myportal/makenewappeal.js
@@ -19,6 +19,9 @@ export default function MakeNewAppeal(props) {
                 <h2 className="govuk-heading-s">
                     {t("myportal:makenewappeal-card-title")}
                 </h2>
+                <p className="govuk-body-s">
+                    {t("myportal:makenewappeal-card-paragraph-zero")}
+                </p>
                 <p className="govuk-body-s">
                     {t("myportal:makenewappeal-card-paragraph-one")}{" "}
                     <Link href={t("myportal:makenewappeal-card-guidance-link")}>
diff --git a/components/myportal/searchcases.js b/components/myportal/searchcases.js
index 38609674..8f71d36a 100644
--- a/components/myportal/searchcases.js
+++ b/components/myportal/searchcases.js
@@ -36,7 +36,7 @@ const RenderTextfield = ({
                         htmlFor={id}
                         id={id + "_label"}
                     >
-                        <span className="govuk-body-s">{hint1}</span>
+                        <p className="govuk-body-s">{hint1}</p>
                     </label>
                     <ul className="govuk-body-s govuk-!-margin-top-3">
                         <li>{hint2} </li>
@@ -89,7 +89,7 @@ let CaseSearch = (props) => {
 
             throw new SubmissionError({
                 basicSearch: t("myportal:searchcases-validation-required"),
-                _error: "required",
+                _error: "required"
             });
         } else {
             router.push({
@@ -97,7 +97,7 @@ let CaseSearch = (props) => {
                     router.locale == "cy"
                         ? "/fymhorth/canlyniadauchwilio"
                         : "/myportal/searchresults",
-                query: { q: values.basicSearch },
+                query: { q: values.basicSearch }
             });
         }
     };
@@ -111,13 +111,17 @@ let CaseSearch = (props) => {
                             {t("myportal:searchcases-card-title")}
                         </h3>
 
+                        <p className="govuk-body-s">
+                            {t("myportal:searchcases-card-paragraph")}
+                        </p>
+
                         <Field
                             validate={[
                                 minLength(
                                     t(
                                         "myportal:searchcases-validation-minlength"
                                     )
-                                ),
+                                )
                             ]}
                             className="govuk-input"
                             component={RenderTextfield}
@@ -143,7 +147,7 @@ let CaseSearch = (props) => {
                                         "event",
                                         "MyPortalSearchButtonClicked",
                                         {
-                                            searchTerm: basicSearch.value,
+                                            searchTerm: basicSearch.value
                                         }
                                     );
                                 }}
@@ -201,7 +205,7 @@ const mapStateToProps = (state) => {
         myCases: state.myCases,
         watchedCases: state.watchedCases,
         myRepresentations: state.myRepresentations,
-        awaitingSubmission: state.awaitingSubmission,
+        awaitingSubmission: state.awaitingSubmission
     };
 };
 
@@ -215,6 +219,6 @@ export default connect(
 )(
     reduxForm({
         form: "basicSearchForm",
-        destroyOnUnmount: false,
+        destroyOnUnmount: false
     })(CaseSearch)
 );
diff --git a/locales/cy/home.json b/locales/cy/home.json
index 616862ef..1903e6c8 100644
--- a/locales/cy/home.json
+++ b/locales/cy/home.json
@@ -24,7 +24,8 @@
     "login-card-forgotten-link": "Cliciwch yma",
     "login-via-gov-gateway-label": "Mewngofnodwch drwy Borth y Llywodraeth",
     "login-via-nextuth-label": "Mewngofnodwch gyda'ch cyfeiriad e-bost",
-    "casesearch-card-title": "Chwilio am achos",
+    "casesearch-card-title": "Angen gwybodaeth am apêl neu gais?",
+    "casesearch-card-paragraph": "Mae ein gwybodaeth yn dangos manylion am apêl ac a allwch chi gyflwyno sylwadau yn ei herbyn.",
     "casesearch-card-search-hint": "Defnyddiwch gyfeirnod yr achos, y prosiect Seilwaith neu gyfeirnod cais yr Awdurdod Cynllunio Lleol i chwilio. Bydd cyfeirnod yr achos yn debyg i un o'r canlynol:",
     "casesearch-card-search-example-label-1": "APP-A12345-A-21-1234567",
     "casesearch-card-search-example-label-2": "CAS-12345-A1B2C3",
diff --git a/locales/cy/myportal.json b/locales/cy/myportal.json
index e3b966d6..ba33b3cd 100644
--- a/locales/cy/myportal.json
+++ b/locales/cy/myportal.json
@@ -3,7 +3,8 @@
     "viewall-link-count": "Gweld pob un o'r {{count}} o achosion",
     "page-title": "Fy Mhorth",
     "lpa-portal-heading": "Porth LPA",
-    "makenewappeal-card-title": "Gwneud apêl newydd",
+    "makenewappeal-card-title": "A gafodd cais cynllunio ei wrthod?",
+    "makenewappeal-card-paragraph-zero": "Os yw eich cais cynllunio wedi cael ei wrthod gan eich Awdurdod Cynllunio Lleol, gallwch gyflwyno apêl yn erbyn eu penderfyniad.",
     "makenewappeal-card-paragraph-one": "Cyn cyflwyno apêl newydd, gwnewch yn siŵr eich bod wedi darllen yr holl",
     "makenewappeal-card-link": "sy'n berthnasol i'r math o apêl sydd gennych.",
     "makenewappeal-card-paragraph-two": "Unwaith y byddwch wedi dewis y botwm 'Gwneud apêl newydd', cewch eich arwain trwy broses i'ch helpu i ddewis yr apêl gywir.",
@@ -15,7 +16,8 @@
     "makenewappeal-card-guidance-link": "https://www.llyw.cymru/arweiniad-ar-apeliadau-cheisiadau",
     "makenewappeal-card-button-label": "Gwneud apêl newydd",
     "mycases-card-title": "Fy achosion",
-    "searchcases-card-title": "Chwilio am achos",
+    "searchcases-card-title": "Angen gwybodaeth am apêl neu gais?",
+    "searchcases-card-paragraph": "Mae ein gwybodaeth yn dangos manylion am apêl ac a allwch chi gyflwyno sylwadau yn ei herbyn.",
     "searchcases-card-search-hint": "Defnyddiwch gyfeirnod yr achos, y prosiect Seilwaith neu gyfeirnod cais yr Awdurdod Cynllunio Lleol i chwilio. Bydd cyfeirnod yr achos yn debyg i un o'r canlynol:",
     "searchcases-card-search-example-label-1": "APP-A12345-A-21-1234567",
     "searchcases-card-search-example-label-2": "CAS-12345-A1B2C3",
diff --git a/locales/en/home.json b/locales/en/home.json
index 4f1dcf59..34ba1dfb 100644
--- a/locales/en/home.json
+++ b/locales/en/home.json
@@ -24,7 +24,8 @@
     "login-card-forgotten-link": "Click here",
     "login-via-gov-gateway-label": "Log in via Government Gateway",
     "login-via-nextuth-label": "Sign in with your email address",
-    "casesearch-card-title": "Search for a case",
+    "casesearch-card-title": "Need information on an appeal or application?",
+    "casesearch-card-paragraph": "Our information shows details on an appeal and whether you can raise representations against it.",
     "casesearch-card-search-hint": "Use the case reference, Infrastructure project or Local Planning Authority application reference to search. Case reference will be similar to one of the following:",
     "casesearch-card-search-example-label-1": "APP-A12345-A-21-1234567",
     "casesearch-card-search-example-label-2": "CAS-12345-A1B2C3",
diff --git a/locales/en/myportal.json b/locales/en/myportal.json
index 098ca87b..ee74c92b 100644
--- a/locales/en/myportal.json
+++ b/locales/en/myportal.json
@@ -3,7 +3,8 @@
     "viewall-link-count": "View all {{count}} cases",
     "page-title": "My Portal",
     "lpa-portal-heading": "LPA Portal",
-    "makenewappeal-card-title": "Make a new appeal",
+    "makenewappeal-card-title": "Had a planning application refused?",
+    "makenewappeal-card-paragraph-zero": "If you have had a planning application turned down by your Local Planning Authority, you can submit an appeal against their decision.",
     "makenewappeal-card-paragraph-one": "Before submitting a new appeal, please ensure you have read all of the",
     "makenewappeal-card-link": "relevant to your appeal type.",
     "makenewappeal-card-paragraph-two": "Once you have selected the 'Make a new appeal' button, you will be guided through a process to help you choose the right type of appeal.",
@@ -15,7 +16,8 @@
     "makenewappeal-card-guidance-link": "https://www.gov.wales/planning-appeals-guidance",
     "makenewappeal-card-button-label": "Make a new appeal",
     "mycases-card-title": "My cases",
-    "searchcases-card-title": "Search for a case",
+    "searchcases-card-title": "Need information on an appeal or application?",
+    "searchcases-card-paragraph": "Our information shows details on an appeal and whether you can raise representations against it.",
     "searchcases-card-search-hint": "Use the case reference, Infrastructure project or Local Planning Authority application reference to search. Case reference will be similar to one of the following:",
     "searchcases-card-search-example-label-1": "APP-A12345-A-21-1234567",
     "searchcases-card-search-example-label-2": "CAS-12345-A1B2C3",