welsh versions of questionnaire

components/case/representation/representationAgent.js

@@ -44,7 +44,9 @@ const RepAgent = (props) => {
         <>
             <div className="govuk-grid-row">
                 <h2 className="govuk-heading-m ">
-                    Representation from an Agent
+                    {t(
+                        "myrepresentations:representation-from-an-agent-heading"
+                    )}
                 </h2>
 
                 <div className="govuk-form-group">
@@ -52,7 +54,7 @@ const RepAgent = (props) => {
                         className="govuk-label govuk-body-m"
                         htmlFor="representationType"
                     >
-                        What kind of representation are you making?
+                        {t("myrepresentations:kind-of-rep-label")}
                     </label>
                     <Field
                         name="representationType"
@@ -81,7 +83,7 @@ const RepAgent = (props) => {
                     <Field
                         name="representationOnBehalfOf"
                         datafieldname="representationOnBehalfOf"
-                        // label="In what capacity do you wish to make representations on this case?"
+                        // label={t("myrepresentations:capacity-select-what-capacity-label")}
                         options={["Yes", "No"]}
                         id="representationOnBehalfOf"
                         className="govuk-radios__input"
@@ -98,15 +100,14 @@ const RepAgent = (props) => {
             <div className="govuk-grid-row">
                 <div className="govuk-form-group">
                     <p className="govuk-body">
-                        You can enter your comments in the space provided or
-                        attach a separate document.
+                        {t("myrepresentations:enter-comment-label")}
                     </p>
                     <fieldset
                         className="govuk-fieldset"
                         aria-describedby="commentBox-hint"
                     >
                         <div id="commentBox-hint" className="govuk-hint">
-                            My comments are set out in:
+                            {t("myrepresentations:comments-set-out-label")}:
                         </div>
                         <div className="govuk-form-group">
                             <Field
@@ -119,14 +120,7 @@ const RepAgent = (props) => {
                                 aria-describedby={props.name + "-hint"}
                             />
                             <p className="govuk-hint govuk-!-font-size-14 govuk-!-margin-top-5">
-                                Please note that all representations may be
-                                published in line with our Publishing Policy.
-                                Should your representation include any sensitive
-                                information or potentially defamatory
-                                information, it may be redacted before
-                                publishing. If it contains racist, libellous or
-                                offensive content it will be returned to you and
-                                you will be asked to provide an amended version.{" "}
+                                {t("myrepresentations:publish-policy-label")}
                                 <a href="https://gov.wales/planning-and-environment-decisions-wales-publishing-policy-html">
                                     https://gov.wales/planning-and-environment-decisions-wales-publishing-policy-html
                                 </a>
@@ -135,7 +129,7 @@ const RepAgent = (props) => {
                         <div className="govuk-form-group govuk-!-margin-bottom-9">
                             <FileUploadField
                                 name={"representationDocuments"}
-                                label={"Add your files"}
+                                label={t("myrepresentations:add-files-label")}
                                 ticketnumber={props.props.caseReference}
                                 hint={"sdsd"}
                                 fileList={[]}
@@ -186,7 +180,7 @@ const RepAgent = (props) => {
                         className="govuk-button"
                         data-module="govuk-button"
                     >
-                        Continue
+                        {t("common:continue-button")}{" "}
                     </button>
                     {/* <a
                             onClick={() => {
@@ -194,7 +188,7 @@ const RepAgent = (props) => {
                             }}
                             className="govuk-button"
                         >
-                            Continue ww
+                             {t("common:continue-button")} ww
                         </a> */}
                     <a
                         onClick={() => {
@@ -202,7 +196,7 @@ const RepAgent = (props) => {
                         }}
                         className="govuk-link"
                     >
-                        Back
+                        {t("common:back-link")}
                     </a>
                 </div>
             </div>