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
+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>