welsh versions of questionnaire

components/case/representation/representationAppellant.js

@@ -48,13 +48,18 @@ const RepAppellant = (props) => {
             <div className="govuk-grid-row">
                 <div className="govuk-form-group">
                     <h2 className="govuk-heading-m ">
-                        Representation from an Appellant
+                        {t(
+                            "myrepresentations:representation-from-an-appellant-heading"
+                        )}
                     </h2>
                     <label
                         className="govuk-label govuk-body-m"
                         htmlFor="representationType"
                     >
-                        What kind of representation are you making?
+                        {t(
+                            "myrepresentations:representation-from-an-agent-heading"
+                        )}
+                        ?
                     </label>
 
                     {typeof props.representationType == "undefined" ? (
@@ -88,15 +93,14 @@ const RepAppellant = (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
@@ -115,7 +119,7 @@ const RepAppellant = (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={[]}
@@ -166,7 +170,7 @@ const RepAppellant = (props) => {
                         className="govuk-button"
                         data-module="govuk-button"
                     >
-                        Continue
+                        {t("common:continue-button")}
                     </button>
                     {/* <a
                             onClick={() => {
@@ -174,7 +178,7 @@ const RepAppellant = (props) => {
                             }}
                             className="govuk-button"
                         >
-                            Continue ww
+                             {t("common:continue-button")} ww
                         </a> */}
                     <a
                         onClick={() => {
@@ -182,7 +186,7 @@ const RepAppellant = (props) => {
                         }}
                         className="govuk-link"
                     >
-                        Back
+                        {t("common:back-link")}
                     </a>
                 </div>
             </div>