updated translation component and dom issues

This commit is contained in:
robert
2021-07-01 15:07:46 +01:00
parent e434df7dec
commit 87f68b6b8a
17 changed files with 4376 additions and 19693 deletions
+167 -167
View File
@@ -10,61 +10,61 @@ export default function AdvancedSearch() {
return (
<div className="card" id="advancedsearch-card">
<div className="card-body">
<div class="govuk-body-m ">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
<h3 class="govuk-heading-m">
<div className="govuk-body-m ">
<legend className="govuk-fieldset__legend govuk-fieldset__legend--l">
<h3 className="govuk-heading-m">
{t("search:advanced-search-title-label")}
</h3>
</legend>
<div class="govuk-form-group">
<label class="govuk-label" for="address-line-1">
<div className="govuk-form-group">
<label className="govuk-label" htmlFor="address-line-1">
{t("search:applicant-label")}
</label>
<input
class="govuk-input"
className="govuk-input"
id="address-line-1"
name="address-line-1"
type="text"
autocomplete="address-line1"
autoComplete="address-line1"
/>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="address-town">
<div className="govuk-form-group">
<label className="govuk-label" htmlFor="address-town">
{t("search:other-party-label")}
</label>
<input
class="govuk-input govuk-!-width-two-thirds"
className="govuk-input govuk-!-width-two-thirds"
id="address-town"
name="address-town"
type="text"
autocomplete="address-level2"
autoComplete="address-level2"
/>
</div>
<div class="govuk-form-group form-inline-label">
<div className="govuk-form-group form-inline-label">
<fieldset
class="govuk-fieldset"
className="govuk-fieldset"
role="group"
aria-describedby="passport-issued-hint"
>
{" "}
<div className="inlineFieldset">
<legend class="govuk-fieldset__legend govuk-!-width-one-third">
<legend className="govuk-fieldset__legend govuk-!-width-one-third">
{t("search:hearing-date-label")}
</legend>
<div
class="govuk-date-input"
className="govuk-date-input"
id="passport-issued"
>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-day"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-day"
>
Day
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-2"
className="govuk-input govuk-date-input__input govuk-input--width-2"
id="passport-issued-day"
name="passport-issued-day"
type="text"
@@ -73,16 +73,16 @@ export default function AdvancedSearch() {
/>
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-month"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-month"
>
Month
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-2"
className="govuk-input govuk-date-input__input govuk-input--width-2"
id="passport-issued-month"
name="passport-issued-month"
type="text"
@@ -91,16 +91,16 @@ export default function AdvancedSearch() {
/>
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-year"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-year"
>
Year
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-4"
className="govuk-input govuk-date-input__input govuk-input--width-4"
id="passport-issued-year"
name="passport-issued-year"
type="text"
@@ -110,20 +110,20 @@ export default function AdvancedSearch() {
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group"></div>
<div className="govuk-date-input__item">
<div className="govuk-form-group"></div>
<div class="govuk-checkboxes__item">
<div className="govuk-checkboxes__item">
<input
class="govuk-checkboxes__input"
className="govuk-checkboxes__input"
id="waste-3"
name="waste"
type="checkbox"
value="farm"
/>
<label
class="govuk-label govuk-checkboxes__label no__right_padding"
for="waste-3"
className="govuk-label govuk-checkboxes__label no__right_padding"
htmlFor="waste-3"
>
{t("search:date-margin-label")}
</label>
@@ -133,31 +133,31 @@ export default function AdvancedSearch() {
</div>
</fieldset>
</div>
<div class="govuk-form-group form-inline-label">
<div className="govuk-form-group form-inline-label">
<fieldset
class="govuk-fieldset"
className="govuk-fieldset"
role="group"
aria-describedby="passport-issued-hint"
>
{" "}
<div className="inlineFieldset">
<legend class="govuk-fieldset__legend govuk-!-width-one-third">
<legend className="govuk-fieldset__legend govuk-!-width-one-third">
{t("search:site-visit-date-label")}
</legend>
<div
class="govuk-date-input"
className="govuk-date-input"
id="passport-issued"
>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-day"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-day"
>
Day
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-2"
className="govuk-input govuk-date-input__input govuk-input--width-2"
id="passport-issued-day"
name="passport-issued-day"
type="text"
@@ -166,16 +166,16 @@ export default function AdvancedSearch() {
/>
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-month"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-month"
>
Month
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-2"
className="govuk-input govuk-date-input__input govuk-input--width-2"
id="passport-issued-month"
name="passport-issued-month"
type="text"
@@ -184,16 +184,16 @@ export default function AdvancedSearch() {
/>
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-year"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-year"
>
Year
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-4"
className="govuk-input govuk-date-input__input govuk-input--width-4"
id="passport-issued-year"
name="passport-issued-year"
type="text"
@@ -203,20 +203,20 @@ export default function AdvancedSearch() {
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group"></div>
<div className="govuk-date-input__item">
<div className="govuk-form-group"></div>
<div class="govuk-checkboxes__item">
<div className="govuk-checkboxes__item">
<input
class="govuk-checkboxes__input"
className="govuk-checkboxes__input"
id="waste-3"
name="waste"
type="checkbox"
value="farm"
/>
<label
class="govuk-label govuk-checkboxes__label no__right_padding"
for="waste-3"
className="govuk-label govuk-checkboxes__label no__right_padding"
htmlFor="waste-3"
>
{t("search:date-margin-label")}
</label>
@@ -226,31 +226,31 @@ export default function AdvancedSearch() {
</div>
</fieldset>
</div>
<div class="govuk-form-group form-inline-label">
<div className="govuk-form-group form-inline-label">
<fieldset
class="govuk-fieldset"
className="govuk-fieldset"
role="group"
aria-describedby="passport-issued-hint"
>
{" "}
<div className="inlineFieldset">
<legend class="govuk-fieldset__legend govuk-!-width-one-third">
<legend className="govuk-fieldset__legend govuk-!-width-one-third">
{t("search:callin-date-label")}
</legend>
<div
class="govuk-date-input"
className="govuk-date-input"
id="passport-issued"
>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-day"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-day"
>
Day
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-2"
className="govuk-input govuk-date-input__input govuk-input--width-2"
id="passport-issued-day"
name="passport-issued-day"
type="text"
@@ -259,16 +259,16 @@ export default function AdvancedSearch() {
/>
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-month"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-month"
>
Month
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-2"
className="govuk-input govuk-date-input__input govuk-input--width-2"
id="passport-issued-month"
name="passport-issued-month"
type="text"
@@ -277,16 +277,16 @@ export default function AdvancedSearch() {
/>
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-year"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-year"
>
Year
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-4"
className="govuk-input govuk-date-input__input govuk-input--width-4"
id="passport-issued-year"
name="passport-issued-year"
type="text"
@@ -296,20 +296,20 @@ export default function AdvancedSearch() {
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group"></div>
<div className="govuk-date-input__item">
<div className="govuk-form-group"></div>
<div class="govuk-checkboxes__item">
<div className="govuk-checkboxes__item">
<input
class="govuk-checkboxes__input"
className="govuk-checkboxes__input"
id="waste-3"
name="waste"
type="checkbox"
value="farm"
/>
<label
class="govuk-label govuk-checkboxes__label no__right_padding"
for="waste-3"
className="govuk-label govuk-checkboxes__label no__right_padding"
htmlFor="waste-3"
>
{t("search:date-margin-label")}
</label>
@@ -319,31 +319,31 @@ export default function AdvancedSearch() {
</div>
</fieldset>
</div>
<div class="govuk-form-group form-inline-label">
<div className="govuk-form-group form-inline-label">
<fieldset
class="govuk-fieldset"
className="govuk-fieldset"
role="group"
aria-describedby="passport-issued-hint"
>
{" "}
<div className="inlineFieldset">
<legend class="govuk-fieldset__legend govuk-!-width-one-third">
<legend className="govuk-fieldset__legend govuk-!-width-one-third">
{t("search:date-received")}
</legend>
<div
class="govuk-date-input"
className="govuk-date-input"
id="passport-issued"
>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-day"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-day"
>
Day
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-2"
className="govuk-input govuk-date-input__input govuk-input--width-2"
id="passport-issued-day"
name="passport-issued-day"
type="text"
@@ -352,16 +352,16 @@ export default function AdvancedSearch() {
/>
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-month"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-month"
>
Month
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-2"
className="govuk-input govuk-date-input__input govuk-input--width-2"
id="passport-issued-month"
name="passport-issued-month"
type="text"
@@ -370,16 +370,16 @@ export default function AdvancedSearch() {
/>
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-year"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-year"
>
Year
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-4"
className="govuk-input govuk-date-input__input govuk-input--width-4"
id="passport-issued-year"
name="passport-issued-year"
type="text"
@@ -389,20 +389,20 @@ export default function AdvancedSearch() {
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group"></div>
<div className="govuk-date-input__item">
<div className="govuk-form-group"></div>
<div class="govuk-checkboxes__item">
<div className="govuk-checkboxes__item">
<input
class="govuk-checkboxes__input"
className="govuk-checkboxes__input"
id="waste-3"
name="waste"
type="checkbox"
value="farm"
/>
<label
class="govuk-label govuk-checkboxes__label no__right_padding"
for="waste-3"
className="govuk-label govuk-checkboxes__label no__right_padding"
htmlFor="waste-3"
>
{t("search:date-margin-label")}
</label>
@@ -412,31 +412,31 @@ export default function AdvancedSearch() {
</div>
</fieldset>
</div>
<div class="govuk-form-group form-inline-label">
<div className="govuk-form-group form-inline-label">
<fieldset
class="govuk-fieldset"
className="govuk-fieldset"
role="group"
aria-describedby="passport-issued-hint"
>
{" "}
<div className="inlineFieldset">
<legend class="govuk-fieldset__legend govuk-!-width-one-third">
<legend className="govuk-fieldset__legend govuk-!-width-one-third">
{t("search:start-date-label")}
</legend>
<div
class="govuk-date-input"
className="govuk-date-input"
id="passport-issued"
>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-day"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-day"
>
Day
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-2"
className="govuk-input govuk-date-input__input govuk-input--width-2"
id="passport-issued-day"
name="passport-issued-day"
type="text"
@@ -445,16 +445,16 @@ export default function AdvancedSearch() {
/>
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-month"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-month"
>
Month
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-2"
className="govuk-input govuk-date-input__input govuk-input--width-2"
id="passport-issued-month"
name="passport-issued-month"
type="text"
@@ -463,16 +463,16 @@ export default function AdvancedSearch() {
/>
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-year"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-year"
>
Year
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-4"
className="govuk-input govuk-date-input__input govuk-input--width-4"
id="passport-issued-year"
name="passport-issued-year"
type="text"
@@ -482,20 +482,20 @@ export default function AdvancedSearch() {
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group"></div>
<div className="govuk-date-input__item">
<div className="govuk-form-group"></div>
<div class="govuk-checkboxes__item">
<div className="govuk-checkboxes__item">
<input
class="govuk-checkboxes__input"
className="govuk-checkboxes__input"
id="waste-3"
name="waste"
type="checkbox"
value="farm"
/>
<label
class="govuk-label govuk-checkboxes__label no__right_padding"
for="waste-3"
className="govuk-label govuk-checkboxes__label no__right_padding"
htmlFor="waste-3"
>
{t("search:date-margin-label")}
</label>
@@ -505,31 +505,31 @@ export default function AdvancedSearch() {
</div>
</fieldset>
</div>
<div class="govuk-form-group form-inline-label">
<div className="govuk-form-group form-inline-label">
<fieldset
class="govuk-fieldset"
className="govuk-fieldset"
role="group"
aria-describedby="passport-issued-hint"
>
{" "}
<div className="inlineFieldset">
<legend class="govuk-fieldset__legend govuk-!-width-one-third">
<legend className="govuk-fieldset__legend govuk-!-width-one-third">
{t("search:decision-date-label")}
</legend>
<div
class="govuk-date-input"
className="govuk-date-input"
id="passport-issued"
>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-day"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-day"
>
Day
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-2"
className="govuk-input govuk-date-input__input govuk-input--width-2"
id="passport-issued-day"
name="passport-issued-day"
type="text"
@@ -538,16 +538,16 @@ export default function AdvancedSearch() {
/>
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-month"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-month"
>
Month
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-2"
className="govuk-input govuk-date-input__input govuk-input--width-2"
id="passport-issued-month"
name="passport-issued-month"
type="text"
@@ -556,16 +556,16 @@ export default function AdvancedSearch() {
/>
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<div className="govuk-date-input__item">
<div className="govuk-form-group">
<label
class="govuk-label govuk-date-input__label"
for="passport-issued-year"
className="govuk-label govuk-date-input__label"
htmlFor="passport-issued-year"
>
Year
</label>
<input
class="govuk-input govuk-date-input__input govuk-input--width-4"
className="govuk-input govuk-date-input__input govuk-input--width-4"
id="passport-issued-year"
name="passport-issued-year"
type="text"
@@ -575,20 +575,20 @@ export default function AdvancedSearch() {
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group"></div>
<div className="govuk-date-input__item">
<div className="govuk-form-group"></div>
<div class="govuk-checkboxes__item">
<div className="govuk-checkboxes__item">
<input
class="govuk-checkboxes__input"
className="govuk-checkboxes__input"
id="waste-3"
name="waste"
type="checkbox"
value="farm"
/>
<label
class="govuk-label govuk-checkboxes__label no__right_padding"
for="waste-3"
className="govuk-label govuk-checkboxes__label no__right_padding"
htmlFor="waste-3"
>
{t("search:date-margin-label")}
</label>
@@ -598,11 +598,11 @@ export default function AdvancedSearch() {
</div>
</fieldset>
</div>
<div class="govuk-form-group ">
<label class="govuk-label" for="sort">
<div className="govuk-form-group ">
<label className="govuk-label" htmlFor="sort">
{t("search:procedure-type-label")}
</label>
<select class="govuk-select" id="sort" name="sort">
<select className="govuk-select" id="sort" name="sort">
<option value="">
{t("search:procedure-type-option-1")}
</option>
@@ -617,11 +617,11 @@ export default function AdvancedSearch() {
</option>
</select>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="sort">
<div className="govuk-form-group">
<label className="govuk-label" htmlFor="sort">
{t("search:status-label")}
</label>
<select class="govuk-select" id="sort" name="sort">
<select className="govuk-select" id="sort" name="sort">
<option value="">
{t("search:status-option-1")}
</option>