22079 mockup

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)
 );