updated dropdown search with translations

components/case/documents.js

@@ -89,7 +89,12 @@ const DocumentDetails = (props) => {
                                     key={key}
                                 >
                                     <dd className="govuk-summary-list__value govuk-!-font-size-14  govuk-!-padding-left-2">
-                                        <Link href="/">
+                                        <Link
+                                            href={
+                                                "/" +
+                                                detailsObj.pinswg_isharedocumentreference
+                                            }
+                                        >
                                             <a>
                                                 <span className="results-visually-hidden">
                                                     {t(

components/case/summary.js

@@ -64,7 +64,7 @@ const CaseSummary = (props) => {
                 <div className="govuk-grid-row">
                     <div className="govuk-grid-column-full">
                         <h1 className="govuk-heading-xl govuk-!-margin-bottom-7">
-                            Reference:{" "}
+                            {t("case:summary-reference-label")}:{" "}
                             {currentType == "searchResultsObj"
                                 ? detailsObj.pinswg_name
                                 : casesObj.reference}

components/homepage/inspectorate.js

@@ -12,7 +12,7 @@ export default function Inspectorate() {
         <div className="card clear" id="inspectorate-card">
             <div className="card-body">
                 <Image
-                    alt="Planning Inspectorate"
+                    alt={t("home:inspectorate-card-alt-text")}
                     src="/assets/images/PINS_dual_logo_400.png"
                     width="380px"
                     height="58px"

components/homepage/loginSoon.js

@@ -27,10 +27,10 @@ export default function LoginSoon() {
                     <br />
                     <a
                         target="_blank"
-                        href="https://gov.wales/planning-appeal-forms"
+                        href={t("home:login-comingsoon-forms-link")}
                         rel="noreferrer"
                     >
-                        https://gov.wales/planning-appeal-forms
+                        {t("home:login-comingsoon-forms-link")}
                     </a>
                 </div>
             </div>

components/search/advancedsearch.js

@@ -7,6 +7,7 @@ import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
 import jsonpath from "jsonpath";
 import data from "../../data/collections.json";
 import LoadingOverlay from "react-loading-overlay";
+import transLookup from "../../data/lookuptranslations.json";
 
 let AdvancedSearch = (props) => {
     let { t } = useTranslation();
@@ -78,7 +79,7 @@ let AdvancedSearch = (props) => {
                             //onChange={(e) => props.onChangeSelectLPA(e)}
                         >
                             <option value="" disabled defaultValue>
-                                Select...
+                                {t("common:drop-down-select")}
                             </option>
                             {_.isEmpty(optionsObj)
                                 ? ""
@@ -88,7 +89,20 @@ let AdvancedSearch = (props) => {
                                               key={key}
                                               value={optionsObj[key].accountid}
                                           >
-                                              {optionsObj[key].name}
+                                              {/* {optionsObj[key].name} */}
+
+                                              {router.locale == "cy"
+                                                  ? jsonpath.query(
+                                                        transLookup,
+                                                        '$..[?(@.value=="' +
+                                                            optionsObj[key]
+                                                                .name +
+                                                            '")].value_cy'
+                                                    )
+                                                  : optionsObj[key].name ||
+                                                    t(
+                                                        "case:summary-no-date-entered-label"
+                                                    )}
                                           </option>
                                       );
                                   })}
@@ -141,7 +155,7 @@ let AdvancedSearch = (props) => {
                             //onChange={(e) => props.onChangeSelectAppealType(e)}
                         >
                             <option value="" disabled defaultValue>
-                                Select...
+                                {t("common:drop-down-select")}
                             </option>
                             {_.isEmpty(optionsObj)
                                 ? ""
@@ -180,7 +194,18 @@ let AdvancedSearch = (props) => {
                                                         optionsObj[key].value
                                                     )
                                                   ? ""
-                                                  : optionsObj[key].value}
+                                                  : router.locale == "cy"
+                                                  ? jsonpath.query(
+                                                        transLookup,
+                                                        '$..[?(@.value=="' +
+                                                            optionsObj[key]
+                                                                .value +
+                                                            '")].value_cy'
+                                                    )
+                                                  : optionsObj[key].value ||
+                                                    t(
+                                                        "case:summary-no-date-entered-label"
+                                                    )}
                                           </option>
                                       );
                                   })}
@@ -293,7 +318,7 @@ let AdvancedSearch = (props) => {
                                             component={RenderAppealTypeList}
                                             optionsObj={appealOptionsObj}
                                             // validate={[required]}
-                                            label="Select an appeal type"
+                                            label={t("search:appealtype-label")}
                                             errormsg="Appeal type is required"
                                         />
                                         <Field
@@ -395,7 +420,7 @@ let AdvancedSearch = (props) => {
                                     name="search"
                                     className="govuk-button"
                                 >
-                                    Search
+                                    {t("common:search-button")}
                                 </button>
                             </div>
                         </div>

components/search/dnssearchresults.js

@@ -223,7 +223,7 @@ const DNSSearchResults = (props) => {
             ) : (
                 <div className="govuk-grid-row">
                     <div className="govuk-grid-column-two-thirds">
-                        <h3>There are no records</h3>
+                        <h3>{t("search:searchresults-no-records-label")}</h3>
                     </div>
                 </div>
             )}

components/search/searchresults.js

@@ -215,7 +215,9 @@ const SearchResults = (props) => {
                 ) : (
                     <div className="govuk-grid-row">
                         <div className="govuk-grid-column-two-thirds">
-                            <h3>There are no records</h3>
+                            <h3>
+                                {t("search:searchresults-no-records-label")}
+                            </h3>
                         </div>
                     </div>
                 )}