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>
+35 -35
View File
@@ -10,109 +10,109 @@ export default function SearchForCase() {
return (
<div className="card" id="searchforcase-card">
<div className="card-body">
<div class="govuk-body-m ">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
<h1 class="govuk-fieldset__heading govuk-heading-m">
<div className="govuk-body-m ">
<legend className="govuk-fieldset__legend govuk-fieldset__legend--l">
<h1 className="govuk-fieldset__heading govuk-heading-m">
{t("search:search-title-label")}
</h1>
</legend>
<div class="govuk-form-group">
<label class="govuk-label" for="address-county">
<div className="govuk-form-group">
<label className="govuk-label" htmlFor="address-county">
{t("search:casereference-label")}
</label>
<input
class="govuk-input govuk-!-width-two-thirds"
className="govuk-input govuk-!-width-two-thirds"
id="address-county"
name="address-county"
type="text"
/>
</div>
<fieldset class="govuk-fieldset">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
<h3 class="govuk-heading-m">
<fieldset className="govuk-fieldset">
<legend className="govuk-fieldset__legend govuk-fieldset__legend--l">
<h3 className="govuk-heading-m">
{t("search:sitelocation-legend")}
</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:address-line-one-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:town-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">
<label class="govuk-label" for="address-county">
<div className="govuk-form-group">
<label className="govuk-label" htmlFor="address-county">
{t("search:county-label")}
</label>
<input
class="govuk-input govuk-!-width-two-thirds"
className="govuk-input govuk-!-width-two-thirds"
id="address-county"
name="address-county"
type="text"
/>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="address-postcode">
<div className="govuk-form-group">
<label className="govuk-label" htmlFor="address-postcode">
{t("search:postcode-label")}
</label>
<input
class="govuk-input govuk-input--width-10"
className="govuk-input govuk-input--width-10"
id="address-postcode"
name="address-postcode"
type="text"
autocomplete="postal-code"
autoComplete="postal-code"
/>
</div>
</fieldset>
<div class="govuk-form-group">
<label class="govuk-label" for="address-postcode">
<div className="govuk-form-group">
<label className="govuk-label" htmlFor="address-postcode">
{t("search:lpa-label")}{" "}
</label>
<input
class="govuk-input govuk-input--width-10"
className="govuk-input govuk-input--width-10"
id="address-postcode"
name="address-postcode"
type="text"
autocomplete="postal-code"
autoComplete="postal-code"
/>
</div>
<div class="govuk-form-group">
<label class="govuk-label" for="address-postcode">
<div className="govuk-form-group">
<label className="govuk-label" htmlFor="address-postcode">
{t("search:lpa-reference-label")}{" "}
</label>
<input
class="govuk-input govuk-input--width-10"
className="govuk-input govuk-input--width-10"
id="address-postcode"
name="address-postcode"
type="text"
autocomplete="postal-code"
autoComplete="postal-code"
/>
</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:case-type-label")}{" "}
</label>
<select class="govuk-select" id="sort" name="sort">
<select className="govuk-select" id="sort" name="sort">
<option value="">
{t("search:case-type-option-1")}
</option>
+44 -44
View File
@@ -10,36 +10,36 @@ export default function SearchResults() {
return (
<div className="govuk-grid-row">
<div className="govuk-grid-column-full">
<h1 class="govuk-heading-xl govuk-!-margin-bottom-7">
<h1 className="govuk-heading-xl govuk-!-margin-bottom-7">
{t("search:searchresults-title-label")}
</h1>
<p className="govuk-body">
{t("search:searchresults-count-label-part-1")} 99{" "}
{t("search:searchresults-count-label-part-2")}
</p>
<dl class="govuk-summary-list govuk-!-margin-bottom-9 results">
<div class="govuk-summary-list__row results-headings">
<dd class="govuk-summary-list__key govuk-!-font-size-14 results_wider govuk-!-padding-left-2">
<dl className="govuk-summary-list govuk-!-margin-bottom-9 results">
<div className="govuk-summary-list__row results-headings">
<dd className="govuk-summary-list__key govuk-!-font-size-14 results_wider govuk-!-padding-left-2">
{t("search:searchresults-case-reference-label")}
</dd>
<dd class="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-14">
{t("search:searchresults-site-address-label")}
</dd>
<dd class="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-14">
{t("search:searchresults-applicant-label")}
</dd>
<dd class="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-14">
{t("search:searchresults-authority-label")}
</dd>
<dd class="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-14">
{t("search:searchresults-case-type-label")}
</dd>
<dd class="govuk-summary-list__key govuk-!-font-size-14">
<dd className="govuk-summary-list__key govuk-!-font-size-14">
{t("search:searchresults-status-label")}
</dd>
</div>
<div class="govuk-summary-list__row">
<dd class="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<Link href="/case">
<a>
<span className="results-visually-hidden">
@@ -49,7 +49,7 @@ export default function SearchResults() {
</a>
</Link>
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Site Address:{" "}
</span>
@@ -58,33 +58,33 @@ export default function SearchResults() {
<br />
TN35 5DS
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr J Pocknell
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Authority:
</span>
Hastings Borough Council{" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Case Type:
</span>
Planning (W){" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
</span>
In Progress
</dd>
</div>
<div class="govuk-summary-list__row">
<dd class="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<Link href="/">
<a>
<span className="results-visually-hidden">
@@ -94,7 +94,7 @@ export default function SearchResults() {
</a>
</Link>
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Site Address:{" "}
</span>
@@ -103,33 +103,33 @@ export default function SearchResults() {
<br />
TN35 5DS
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr J Pocknell
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Authority:
</span>
Hastings Borough Council{" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Case Type:
</span>
Planning (W){" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
</span>
In Progress
</dd>
</div>
<div class="govuk-summary-list__row">
<dd class="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<Link href="/">
<a>
<span className="results-visually-hidden">
@@ -139,7 +139,7 @@ export default function SearchResults() {
</a>
</Link>
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Site Address:{" "}
</span>
@@ -148,33 +148,33 @@ export default function SearchResults() {
<br />
TN35 5DS
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr J Pocknell
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Authority:
</span>
Hastings Borough Council{" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Case Type:
</span>
Planning (W){" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
</span>
In Progress
</dd>
</div>
<div class="govuk-summary-list__row">
<dd class="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<Link href="/">
<a>
<span className="results-visually-hidden">
@@ -184,7 +184,7 @@ export default function SearchResults() {
</a>
</Link>
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Site Address:{" "}
</span>
@@ -193,33 +193,33 @@ export default function SearchResults() {
<br />
TN35 5DS
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr J Pocknell
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Authority:
</span>
Hastings Borough Council{" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Case Type:
</span>
Planning (W){" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
</span>
In Progress
</dd>
</div>
<div class="govuk-summary-list__row">
<dd class="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<div className="govuk-summary-list__row">
<dd className="govuk-summary-list__value govuk-!-font-size-14 govuk-!-padding-left-2">
<Link href="/">
<a>
<span className="results-visually-hidden">
@@ -229,7 +229,7 @@ export default function SearchResults() {
</a>
</Link>
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Site Address:{" "}
</span>
@@ -238,25 +238,25 @@ export default function SearchResults() {
<br />
TN35 5DS
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Appellant/Applicant:
</span>
Mr J Pocknell
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Authority:
</span>
Hastings Borough Council{" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Case Type:
</span>
Planning (W){" "}
</dd>
<dd class="govuk-summary-list__value govuk-!-font-size-14">
<dd className="govuk-summary-list__value govuk-!-font-size-14">
<span className="results-visually-hidden">
Status:
</span>