robbond/pedwfrontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added in guidance link and welsh trans

Browse Source
This commit is contained in:
robbond
2024-04-02 17:45:02 +01:00
parent 9142870457
commit 86f15ba949
10 changed files with 110 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/elements/index.js
+47 -44
View File
@@ -1774,51 +1774,54 @@ const renderField = ({ input, label, type, meta: { touched, error } }) => (
</div>
);
const renderSubFields = ({ fields }) => (
<ul>
<div>
{fields.map((member, index) => (
<div key={index}>
<h4>Tenant #{index + 1}</h4>
<div className="fieldArrayContainer">
<Field
id={`${member}.${fields.name}`}
name={`${member}.${fields.name}`}
type="text"
component={RenderTextfield}
label="Tenant Name"
className="govuk-input govuk-input--width-10"
/>
<Field
name={`${member}.dateserved`}
type="text"
component={RenderDatePicker}
label="Date served notice"
dateStart={"-6m"}
dateEnd={"0"}
className="govuk-input govuk-input--width-10"
/>
<button
type="button"
title="Remove tenant"
onClick={() => fields.remove(index)}
className="govuk-button fieldArrayDelete"
>
X
</button>
const renderSubFields = ({ fields }) => {
let { t } = useTranslation();
return (
<ul>
<div>
{fields.map((member, index) => (
<div key={index}>
<h4>Tenant #{index + 1}</h4>
<div className="fieldArrayContainer">
<Field
id={`${member}.${fields.name}`}
name={`${member}.${fields.name}`}
type="text"
component={RenderTextfield}
label="Tenant Name"
className="govuk-input govuk-input--width-10"
/>
<Field
name={`${member}.dateserved`}
type="text"
component={RenderDatePicker}
label="Date served notice"
dateStart={"-6m"}
dateEnd={"0"}
className="govuk-input govuk-input--width-10"
/>
<button
type="button"
title="Remove tenant"
onClick={() => fields.remove(index)}
className="govuk-button fieldArrayDelete"
>
X
</button>
</div>
</div>
</div>
))}
</div>
<button
type="button"
className="govuk-link fieldArrayLink"
onClick={() => fields.push({})}
>
Add Tenant
</button>
</ul>
);
))}
</div>
<button
type="button"
className="govuk-link fieldArrayLink"
onClick={() => fields.push({})}
>
{t("newappeal:new-appeal-add-tenant-label")}
</button>
</ul>
);
};
export const FieldArrayForm = (props) => {
const {