22079 mockup

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