roll up dns changes translations

components/breadcrumbs.js

@@ -57,7 +57,7 @@ const Breadcrumbs = (props) => {
                         >
                             <a className="govuk-breadcrumbs__link">
                                 {router.pathname.includes("dns")
-                                    ? "Developments of National Significance"
+                                    ? t("dnsCommon:service-name")
                                     : t("common:service-name")}
                             </a>
                         </Link>
@@ -249,7 +249,7 @@ const Breadcrumbs = (props) => {
                             <li className="govuk-breadcrumbs__list-item">
                                 <Link href="/dns">
                                     <a className="govuk-breadcrumbs__link">
-                                        Developments of National Significance
+                                        {t("dnsCommon:service-name")}
                                     </a>
                                 </Link>
                             </li>
@@ -287,7 +287,7 @@ const Breadcrumbs = (props) => {
                     {router.pathname == "/dns/applications" ? (
                         <>
                             <li className="govuk-breadcrumbs__list-item">
-                                Applications
+                                {t("dnsApplications:page-title")}
                             </li>
                         </>
                     ) : (
@@ -298,7 +298,9 @@ const Breadcrumbs = (props) => {
                             <li className="govuk-breadcrumbs__list-item">
                                 <Link href="/dns/applications">
                                     <a className="govuk-breadcrumbs__link">
-                                        Applications{" "}
+                                        {t(
+                                            "dnsApplicationView:page-parent-title"
+                                        )}
                                     </a>
                                 </Link>
                             </li>

components/dns/applications/applicationsIntro.js

@@ -12,26 +12,27 @@ const ApplicationIntro = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="govuk-grid-column-one-half">
-                <h1 className="govuk-heading-l">Applications</h1>
+                <h1 className="govuk-heading-l">
-                <p className="govuk-body">The applications listed are those:</p>
+                    {t("dnsApplications:page-title")}
+                </h1>
+                <p className="govuk-body">
+                    {t("dnsApplications:page-intro-paragraph-1")}
+                </p>
                 <ul className="govuk-list govuk-list--bullet">
-                    <li>
+                    <li> {t("dnsApplications:page-intro-list-item-1")}</li>
-                        Where the developer has advised the Planning
+
-                        Inspectorate in writing that they intend to submit an
+                    <li> {t("dnsApplications:page-intro-list-item-2")}</li>
-                        application to us in the future
+
-                    </li>
+                    <li> {t("dnsApplications:page-intro-list-item-3")}</li>
-                    <li>
-                        Where an application has already been made to the
-                        Planning Inspectorate and is undergoing the examination
-                        process
-                    </li>
-                    <li>Where a proposal has been decided.</li>
                 </ul>
-                <p>
+                <p className="govuk-body">
-                    Use the table below to find applications by stage or type.
+                    {t("dnsApplications:page-intro-paragraph-2")}{" "}
-                    Alternatively, use the map by clicking on the markers to go
+                    <Link href="/dns/calendar">
-                    to the applications page. A list of key events and deadlines
+                        <a className="govuk-link">
-                    for all applications is available on our calendar page.
+                            {t("dnsApplications:page-intro-paragraph-2-link")}
+                        </a>
+                    </Link>
+                    .
                 </p>
             </div>
             <div className="govuk-grid-column-one-half">

components/dns/applications/applicationsList.js

@@ -15,7 +15,7 @@ const ApplicationList = (props) => {
                 <div className="govuk-grid-column-full">
                     <div className="govuk-form-group">
                         <label className="govuk-label-s " htmlFor="sort">
-                            Show{" "}
+                            {t("dnsCommon:result-list-show-label")}{" "}
                             <select
                                 className="govuk-select"
                                 id="showNo"
@@ -26,7 +26,7 @@ const ApplicationList = (props) => {
                                 <option value="1">50</option>
                                 <option value="1">100</option>
                             </select>{" "}
-                            Entries
+                            {t("dnsCommon:result-list-entries-label")}
                         </label>
                     </div>
                 </div>
@@ -34,7 +34,11 @@ const ApplicationList = (props) => {
             <div className="govuk-grid-row">
                 <div className="govuk-grid-column-full">
                     <p className="govuk-body-s">
-                        Showing 1 to 10 of 54 entries
+                        {t("dnsCommon:result-list-showing-label", {
+                            recordIndex: "1",
+                            pagingIndex: "10",
+                            totalRecords: "55",
+                        })}
                     </p>
                 </div>
             </div>
@@ -43,25 +47,38 @@ const ApplicationList = (props) => {
                     <dl className="govuk-summary-list  govuk-!-margin-bottom-0 results">
                         <div className="govuk-summary-list__row results-headings">
                             <dd className="govuk-summary-list__key govuk-!-font-size-14 results_wider  ">
-                                Reference
+                                {t(
+                                    "dnsApplications:result-list-heading-label-reference"
+                                )}
                             </dd>
                             <dd className="govuk-summary-list__key govuk-!-font-size-14">
-                                Application
+                                {t(
+                                    "dnsApplications:result-list-heading-label-application"
+                                )}
                             </dd>
                             <dd className="govuk-summary-list__key govuk-!-font-size-14">
-                                Developer{" "}
+                                {t(
+                                    "dnsApplications:result-list-heading-label-developer"
+                                )}
                             </dd>
                             <dd className="govuk-summary-list__key govuk-!-font-size-14">
-                                Type
+                                {t(
+                                    "dnsApplications:result-list-heading-label-type"
+                                )}
                             </dd>
                             <dd className="govuk-summary-list__key govuk-!-font-size-14">
-                                Status
+                                {t(
+                                    "dnsApplications:result-list-heading-label-status"
+                                )}
                             </dd>
                         </div>
                         <div className="govuk-summary-list__row">
                             <dd className="govuk-summary-list__value govuk-!-font-size-14  ">
                                 <span className="results-visually-hidden">
-                                    Reference:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-reference"
+                                    )}
+                                    :
                                 </span>
                                 CAS-00009-W8N6W4
                             </dd>
@@ -69,7 +86,10 @@ const ApplicationList = (props) => {
                                 <Link href="/dns/application-view">
                                     <a>
                                         <span className="results-visually-hidden">
-                                            Application:{" "}
+                                            {t(
+                                                "dnsApplications:result-list-heading-label-application"
+                                            )}
+                                            :{" "}
                                         </span>
                                         TWA - Morlais Demonstration Zone
                                     </a>
@@ -77,19 +97,28 @@ const ApplicationList = (props) => {
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Developer:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-developer"
+                                    )}
+                                    :
                                 </span>
                                 Menter Mon
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Type:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-type"
+                                    )}
+                                    :
                                 </span>
                                 Energy
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Status:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-status"
+                                    )}
+                                    :
                                 </span>
                                 Recommendation
                             </dd>
@@ -97,7 +126,10 @@ const ApplicationList = (props) => {
                         <div className="govuk-summary-list__row">
                             <dd className="govuk-summary-list__value govuk-!-font-size-14  ">
                                 <span className="results-visually-hidden">
-                                    Reference:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-reference"
+                                    )}
+                                    :
                                 </span>
                                 CAS-00009-W8N6W4
                             </dd>
@@ -105,7 +137,10 @@ const ApplicationList = (props) => {
                                 <Link href="/dns/application-view">
                                     <a>
                                         <span className="results-visually-hidden">
-                                            Application:{" "}
+                                            {t(
+                                                "dnsApplications:result-list-heading-label-application"
+                                            )}
+                                            :{" "}
                                         </span>
                                         TWA - Morlais Demonstration Zone
                                     </a>
@@ -113,19 +148,28 @@ const ApplicationList = (props) => {
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Developer:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-developer"
+                                    )}
+                                    :
                                 </span>
                                 Menter Mon
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Type:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-type"
+                                    )}
+                                    :
                                 </span>
                                 Energy
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Status:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-status"
+                                    )}
+                                    :
                                 </span>
                                 Recommendation
                             </dd>
@@ -133,7 +177,10 @@ const ApplicationList = (props) => {
                         <div className="govuk-summary-list__row">
                             <dd className="govuk-summary-list__value govuk-!-font-size-14  ">
                                 <span className="results-visually-hidden">
-                                    Reference:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-reference"
+                                    )}
+                                    :
                                 </span>
                                 CAS-00009-W8N6W4
                             </dd>
@@ -141,7 +188,10 @@ const ApplicationList = (props) => {
                                 <Link href="/dns/application-view">
                                     <a>
                                         <span className="results-visually-hidden">
-                                            Application:{" "}
+                                            {t(
+                                                "dnsApplications:result-list-heading-label-application"
+                                            )}
+                                            :{" "}
                                         </span>
                                         TWA - Morlais Demonstration Zone
                                     </a>
@@ -149,19 +199,28 @@ const ApplicationList = (props) => {
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Developer:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-developer"
+                                    )}
+                                    :
                                 </span>
                                 Menter Mon
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Type:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-type"
+                                    )}
+                                    :
                                 </span>
                                 Energy
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Status:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-status"
+                                    )}
+                                    :
                                 </span>
                                 Recommendation
                             </dd>
@@ -169,7 +228,10 @@ const ApplicationList = (props) => {
                         <div className="govuk-summary-list__row">
                             <dd className="govuk-summary-list__value govuk-!-font-size-14  ">
                                 <span className="results-visually-hidden">
-                                    Reference:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-reference"
+                                    )}
+                                    :
                                 </span>
                                 CAS-00009-W8N6W4
                             </dd>
@@ -177,7 +239,10 @@ const ApplicationList = (props) => {
                                 <Link href="/dns/application-view">
                                     <a>
                                         <span className="results-visually-hidden">
-                                            Application:{" "}
+                                            {t(
+                                                "dnsApplications:result-list-heading-label-application"
+                                            )}
+                                            :{" "}
                                         </span>
                                         TWA - Morlais Demonstration Zone
                                     </a>
@@ -185,19 +250,28 @@ const ApplicationList = (props) => {
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Developer:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-developer"
+                                    )}
+                                    :
                                 </span>
                                 Menter Mon
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Type:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-type"
+                                    )}
+                                    :
                                 </span>
                                 Energy
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Status:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-status"
+                                    )}
+                                    :
                                 </span>
                                 Recommendation
                             </dd>
@@ -205,7 +279,10 @@ const ApplicationList = (props) => {
                         <div className="govuk-summary-list__row">
                             <dd className="govuk-summary-list__value govuk-!-font-size-14  ">
                                 <span className="results-visually-hidden">
-                                    Reference:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-reference"
+                                    )}
+                                    :
                                 </span>
                                 CAS-00009-W8N6W4
                             </dd>
@@ -213,7 +290,10 @@ const ApplicationList = (props) => {
                                 <Link href="/dns/application-view">
                                     <a>
                                         <span className="results-visually-hidden">
-                                            Application:{" "}
+                                            {t(
+                                                "dnsApplications:result-list-heading-label-application"
+                                            )}
+                                            :{" "}
                                         </span>
                                         TWA - Morlais Demonstration Zone
                                     </a>
@@ -221,19 +301,28 @@ const ApplicationList = (props) => {
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Developer:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-developer"
+                                    )}
+                                    :
                                 </span>
                                 Menter Mon
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Type:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-type"
+                                    )}
+                                    :
                                 </span>
                                 Energy
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Status:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-status"
+                                    )}
+                                    :
                                 </span>
                                 Recommendation
                             </dd>
@@ -241,7 +330,10 @@ const ApplicationList = (props) => {
                         <div className="govuk-summary-list__row">
                             <dd className="govuk-summary-list__value govuk-!-font-size-14  ">
                                 <span className="results-visually-hidden">
-                                    Reference:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-reference"
+                                    )}
+                                    :
                                 </span>
                                 CAS-00009-W8N6W4
                             </dd>
@@ -249,7 +341,10 @@ const ApplicationList = (props) => {
                                 <Link href="/dns/application-view">
                                     <a>
                                         <span className="results-visually-hidden">
-                                            Application:{" "}
+                                            {t(
+                                                "dnsApplications:result-list-heading-label-application"
+                                            )}
+                                            :{" "}
                                         </span>
                                         TWA - Morlais Demonstration Zone
                                     </a>
@@ -257,19 +352,28 @@ const ApplicationList = (props) => {
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Developer:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-developer"
+                                    )}
+                                    :
                                 </span>
                                 Menter Mon
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Type:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-type"
+                                    )}
+                                    :
                                 </span>
                                 Energy
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Status:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-status"
+                                    )}
+                                    :
                                 </span>
                                 Recommendation
                             </dd>
@@ -277,7 +381,10 @@ const ApplicationList = (props) => {
                         <div className="govuk-summary-list__row">
                             <dd className="govuk-summary-list__value govuk-!-font-size-14  ">
                                 <span className="results-visually-hidden">
-                                    Reference:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-reference"
+                                    )}
+                                    :
                                 </span>
                                 CAS-00009-W8N6W4
                             </dd>
@@ -285,7 +392,10 @@ const ApplicationList = (props) => {
                                 <Link href="/dns/application-view">
                                     <a>
                                         <span className="results-visually-hidden">
-                                            Application:{" "}
+                                            {t(
+                                                "dnsApplications:result-list-heading-label-application"
+                                            )}
+                                            :{" "}
                                         </span>
                                         TWA - Morlais Demonstration Zone
                                     </a>
@@ -293,19 +403,28 @@ const ApplicationList = (props) => {
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Developer:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-developer"
+                                    )}
+                                    :
                                 </span>
                                 Menter Mon
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Type:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-type"
+                                    )}
+                                    :
                                 </span>
                                 Energy
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Status:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-status"
+                                    )}
+                                    :
                                 </span>
                                 Recommendation
                             </dd>
@@ -313,7 +432,10 @@ const ApplicationList = (props) => {
                         <div className="govuk-summary-list__row">
                             <dd className="govuk-summary-list__value govuk-!-font-size-14  ">
                                 <span className="results-visually-hidden">
-                                    Reference:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-reference"
+                                    )}
+                                    :
                                 </span>
                                 CAS-00009-W8N6W4
                             </dd>
@@ -321,7 +443,10 @@ const ApplicationList = (props) => {
                                 <Link href="/dns/application-view">
                                     <a>
                                         <span className="results-visually-hidden">
-                                            Application:{" "}
+                                            {t(
+                                                "dnsApplications:result-list-heading-label-application"
+                                            )}
+                                            :{" "}
                                         </span>
                                         TWA - Morlais Demonstration Zone
                                     </a>
@@ -329,19 +454,28 @@ const ApplicationList = (props) => {
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Developer:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-developer"
+                                    )}
+                                    :
                                 </span>
                                 Menter Mon
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Type:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-type"
+                                    )}
+                                    :
                                 </span>
                                 Energy
                             </dd>
                             <dd className="govuk-summary-list__value govuk-!-font-size-14">
                                 <span className="results-visually-hidden">
-                                    Status:
+                                    {t(
+                                        "dnsApplications:result-list-heading-label-status"
+                                    )}
+                                    :
                                 </span>
                                 Recommendation
                             </dd>
@@ -352,7 +486,8 @@ const ApplicationList = (props) => {
             <div className="govuk-grid-row ">
                 <div className="govuk-grid-column-full">
                     <p>
-                        Previous <span>1</span>{" "}
+                        {t("dnsCommon:result-list-previous-label")}{" "}
+                        <span>1</span>{" "}
                         <span>
                             <Link href="#">2</Link>
                         </span>{" "}
@@ -365,7 +500,9 @@ const ApplicationList = (props) => {
                         <span>
                             <Link href="#">5</Link>
                         </span>{" "}
-                        <Link href="#">Next</Link>
+                        <Link href="#">
+                            {t("dnsCommon:result-list-next-label")}
+                        </Link>
                     </p>
                 </div>
             </div>

components/dns/homepage/applicationsForComment.js

@@ -9,7 +9,9 @@ const ApplicationsForComment = (props) => {
     const { locale } = router;
     return (
         <div className="govuk-panel govuk-grid-column-one-third govuk-panel--open-for-comments">
-            <h2 className="govuk-heading-m">Applications open for comments</h2>
+            <h2 className="govuk-heading-m">
+                {t("dnsHome:applications-for-comment-title")}
+            </h2>
             <div className="govuk-panel__body">
                 <ul className="govuk-list">
                     <li>

components/dns/homepage/dnsLinks.js

@@ -15,13 +15,13 @@ const DNSLinks = (props) => {
                         <h3 className="govuk-heading-l govuk-!-font-size-27">
                             <Link href="/dns/applications">
                                 <a className="govuk-link govuk-link--no-underline">
-                                    Applications
+                                    {t("dnsHome:links-applications-title")}
                                 </a>
                             </Link>
                             <p className="govuk-body-s govuk-!-padding-top-2">
-                                A list of all the Developments of National
+                                {t(
-                                Significance that have already been submitted
+                                    "dnsHome:links-applications-intro-paragraph"
-                                and those we are expecting to be submitted.
+                                )}
                             </p>
                         </h3>
                     </li>
@@ -29,11 +29,11 @@ const DNSLinks = (props) => {
                         <h3 className="govuk-heading-l govuk-!-font-size-27">
                             <Link href="/dns/help">
                                 <a className="govuk-link govuk-link--no-underline">
-                                    Help
+                                    {t("dnsHome:links-help-title")}
                                 </a>
                             </Link>
                             <p className="govuk-body-s govuk-!-padding-top-2">
-                                Information about this website.
+                                {t("dnsHome:links-help-intro-paragraph")}
                             </p>
                         </h3>
                     </li>
@@ -45,13 +45,11 @@ const DNSLinks = (props) => {
                         <h3 className="govuk-heading-l govuk-!-font-size-27">
                             <Link href="/dns/application-process">
                                 <a className="govuk-link govuk-link--no-underline ">
-                                    Guidance
+                                    {t("dnsHome:links-help-title")}
                                 </a>
                             </Link>
                             <p className="govuk-body-s govuk-!-padding-top-2">
-                                An overview and detailed guidance on the
+                                {t("dnsHome:links-guidance-intro-paragraph")}
-                                Developments of National Significance
-                                application process
                             </p>
                         </h3>
                     </li>
@@ -59,13 +57,12 @@ const DNSLinks = (props) => {
                         <h3 className="govuk-heading-l govuk-!-font-size-27">
                             <Link href="/dns/contact-us">
                                 <a className="govuk-link govuk-link--no-underline">
-                                    Contact us{" "}
+                                    {t("dnsHome:links-contactus-title")}
                                 </a>
                             </Link>
 
                             <p className="govuk-body-s govuk-!-padding-top-2">
-                                How to get in touch with The Planning
+                                {t("dnsHome:links-contactus-intro-paragraph")}
-                                Inspectorate.
                             </p>
                         </h3>
                     </li>

components/dns/homepage/latestApplications.js

@@ -9,7 +9,10 @@ const LatestApplications = (props) => {
     const { locale } = router;
     return (
         <div className="govuk-panel govuk-grid-column-one-third govuk-panel--latest">
-            <h2 className="govuk-heading-m">Latest Applications</h2>
+            <h2 className="govuk-heading-m">
+                {" "}
+                {t("dnsHome:latest-applications-title")}
+            </h2>
             <div className="govuk-panel__body">
                 <ul className="govuk-list">
                     <li className="govuk-body-s ">

components/dns/homepage/titleContent.js

@@ -87,16 +87,10 @@ const TitleContent = (props) => {
     return (
         <div className="govuk-panel govuk-grid-column-two-thirds govuk-panel--header">
             <h1 className="govuk-panel__title">
-                Developments of National Significance
+                {t("dnsCommon:service-name")}
             </h1>
             <div className="govuk-panel__body">
-                <p className="govuk-body-s">
+                <p className="govuk-body-s">{t("dnsHome:title-paragraph")}</p>
-                    A Development of National Significance (DNS) is a type of
-                    planning application for a large infrastructure project of
-                    national importance in Wales. Here you can find out about
-                    proposed DNS applications. This site is managed by the
-                    Planning Inspectorate.
-                </p>
             </div>
             <div className="govuk-form-group govuk-!-margin-bottom-0 flex-container">
                 <AutoSuggest
@@ -116,7 +110,9 @@ const TitleContent = (props) => {
                     )}
                     inputProps={{
                         className: "govuk-input govuk-!-font-size-16",
-                        placeholder: "Search application name",
+                        placeholder: t(
+                            "dnsHome:title-application-search-placeholder"
+                        ),
                         value: value,
                         onChange: (_, { newValue, method }) => {
                             setValue(newValue);
@@ -126,7 +122,7 @@ const TitleContent = (props) => {
                 />
                 <Link href="/dns/application-view">
                     <a className="govuk-button govuk-!-margin-bottom-0 govuk-!-margin-left-2">
-                        Go
+                        {t("dnsHome:title-application-search-button")}
                     </a>
                 </Link>
             </div>

components/footer.js

@@ -47,7 +47,7 @@ export default function Footer(props) {
                                     shareState();
                                 }}
                             >
-                                Share this page
+                                {t("common:social-bar-share-link")}
                             </button>
                             <ul
                                 className={
@@ -64,7 +64,9 @@ export default function Footer(props) {
                                         className="twitter"
                                     >
                                         <span className="vo_hidden">
-                                            Share this page via{" "}
+                                            {t(
+                                                "common:social-bar-share-via-link"
+                                            )}{" "}
                                         </span>
                                         Twitter
                                     </a>
@@ -97,7 +99,9 @@ export default function Footer(props) {
                             id="sharebar__backtotop"
                             className="btn--outlined btn--arrow-up"
                         >
-                            <a href="#page_wrapper">Back to top</a>
+                            <a href="#page_wrapper">
+                                {t("common:back-to-top-link")}
+                            </a>
                         </div>
                     </div>
                 </div>

i18n.json

@@ -40,6 +40,21 @@
       ],
       "/newappeal/*": [
          "newappeal"
+      ],
+      "/dns/*": [
+         "dnsCommon"
+      ],
+      "/dns": [
+         "dnsCommon",
+         "dnsHome"
+      ],
+      "/dns/applications": [
+         "dnsCommon",
+         "dnsApplications"
+      ],
+      "/dns/application-view": [
+         "dnsCommon",
+         "dnsApplicationView"
       ]
    }
 }

locales/cy/common.json

@@ -13,5 +13,8 @@
   "footer-accessibility-link": "Hygyrchedd",
   "footer-feedback-link": "Adborth",
   "mobile-nav-label": "Dewislen",
-  "signout-label": "Cofrestrwch allan"
+  "signout-label": "Cofrestrwch allan",
+  "back-to-top-link": "Nôl i dop y dudalen",
+  "social-bar-share-link": "Rhannu’r dudalen hon",
+  "social-bar-share-via-link": "Rhannu’r dudalen hon ar"
 }

locales/cy/dnsApplicationView.json

@@ -0,0 +1,3 @@
+{
+    "page-parent-title": "Tudalen Ceisiadau"
+}

locales/cy/dnsApplications.json

@@ -0,0 +1,14 @@
+{
+    "page-title": "Tudalen Ceisiadau",
+    "page-intro-paragraph-1": "Y ceisiadau a restrir yw’r rhai:",
+    "page-intro-list-item-1": "Lle mae’r datblygwr wedi hysbysu’r Arolygiaeth Gynllunio yn ysgrifenedig eu bod yn bwriadu cyflwyno cais i ni yn y dyfodol",
+    "page-intro-list-item-2": "Lle cafodd cais ei wneud eisoes i’r Arolygiaeth Gynllunio ac mae’n mynd drwy’r broses archwilio",
+    "page-intro-list-item-3": "Lle penderfynwyd ar y cynnig.",
+    "page-intro-paragraph-2": "Defnyddiwch y tabl isod i ddod o hyd i geisiadau fesul cam neu fath. Fel arall, defnyddiwch y map trwy glicio ar y marcwyr i fynd i’r dudalen geisiadau. Mae rhestr o ddigwyddiadau a therfynau amser allweddol ar gyfer pob cais ar gael ar ein ",
+    "page-intro-paragraph-2-link": "tudalen galendr",
+    "result-list-heading-label-reference": "Cyfeirnod",
+    "result-list-heading-label-application": "Cais",
+    "result-list-heading-label-developer": "Datblygwr",
+    "result-list-heading-label-type": "Math",
+    "result-list-heading-label-status": "Statws"
+}

locales/cy/dnsCommon.json

@@ -0,0 +1,9 @@
+{
+  "service-name": "Datblygiadau o Arwyddocâd Cenedlaethol",
+  "result-list-show-label": "Dangos",
+  "result-list-entries-label": "o gofnodion",
+  "result-list-showing-label": "Dangos {{recordIndex}} i {{pagingIndex}} o {{totalRecords}} o gofnodion",
+  "result-list-search-label": "Hidlo",
+  "result-list-previous-label": "Blaenorol",
+  "result-list-next-label": "Nesaf"
+}

locales/cy/dnsHome.json

@@ -0,0 +1,15 @@
+{
+    "title-paragraph": "Mae Datblygiad o Arwyddocâd Cenedlaethol (DAC) yn fath o gais cynllunio ar gyfer prosiect seilwaith mawr sydd o bwysigrwydd cenedlaethol yng Nghymru. Yn y fan hon, gallwch gael gwybod am geisiadau DAC arfaethedig. Rheolir y safle hwn gan yr Arolygiaeth Gynllunio.",
+    "title-application-search-placeholder": "Chwilio enw'r cais",
+    "title-application-search-button": "Chwilio",
+    "links-applications-title": "Ceisiadau",
+    "links-applications-intro-paragraph": "Rhestr o’r holl Ddatblygiadau o Arwyddocâd Cenedlaethol sydd eisoes wedi cael eu cyflwyno a’r rhai hynny rydym yn disgwyl iddynt gael eu cyflwyno.",
+    "links-help-title": "Cymorth",
+    "links-help-intro-paragraph": "Gwybodaeth am y wefan hon.",
+    "links-guidance-title": "Canllawiau",
+    "links-guidance-intro-paragraph": "Trosolwg a chanllawiau manwl ar y broses ymgeisio ar gyfer Datblygiadau o Arwyddocâd Cenedlaethol.",
+    "links-contactus-title": "Cysylltu â ni",
+    "links-contactus-intro-paragraph": "Cysylltu â ni.",
+    "latest-applications-title": "Ceisiadau Diweddaraf",
+    "applications-for-comment-title": "Ceisiadau sy’n agored ar gyfer sylwadau"
+}

locales/en/common.json

@@ -13,5 +13,8 @@
   "footer-accessibility-link": "Accessibility",
   "footer-feedback-link": "Feedback",
   "mobile-nav-label": "Menu",
-  "signout-label": "Sign out"
+  "signout-label": "Sign out",
+  "back-to-top-link": "Back to top",
+  "social-bar-share-link": "Share this page",
+  "social-bar-share-via-link": "Share this page via"
 }

locales/en/dnsApplicationView.json

@@ -0,0 +1,3 @@
+{
+    "page-parent-title": "Applications"
+}

locales/en/dnsApplications.json

@@ -0,0 +1,14 @@
+{
+    "page-title": "Applications",
+    "page-intro-paragraph-1": "The applications listed are those:",
+    "page-intro-list-item-1": "Where the developer has advised the Planning Inspectorate in writing that they intend to submit an application to us in the future",
+    "page-intro-list-item-2": "Where an application has already been made to the Planning Inspectorate and is undergoing the examination process",
+    "page-intro-list-item-3": "Where a proposal has been decided.",
+    "page-intro-paragraph-2": "Use the table below to find applications by stage or type. Alternatively, use the map by clicking on the markers to go to the applications page. A list of key events and deadlines for all applications is available on our ",
+    "page-intro-paragraph-2-link": "calendar page",
+    "result-list-heading-label-reference": "Reference",
+    "result-list-heading-label-application": "Application",
+    "result-list-heading-label-developer": "Developer",
+    "result-list-heading-label-type": "Type",
+    "result-list-heading-label-status": "Status"
+}

locales/en/dnsCommon.json

@@ -0,0 +1,9 @@
+{
+  "service-name": "Developments of National Significance",
+  "result-list-show-label": "Show",
+  "result-list-entries-label": "entries",
+  "result-list-showing-label": "Showing {{recordIndex}} to {{pagingIndex}} of {{totalRecords}} entries",
+  "result-list-search-label": "Search",
+  "result-list-previous-label": "Previous",
+  "result-list-next-label": "Next"
+}

locales/en/dnsHome.json

@@ -0,0 +1,15 @@
+{
+    "title-paragraph": "A Development of National Significance (DNS) is a type of planning application for a large infrastructure project of national importance in Wales. Here you can find out about proposed DNS applications. This site is managed by the Planning Inspectorate.",
+    "title-application-search-placeholder": "Search application name",
+    "title-application-search-button": "Go",
+    "links-applications-title": "Applications",
+    "links-applications-intro-paragraph": "A list of all the Developments of National Significance that have already been submitted and those we are expecting to be submitted.",
+    "links-help-title": "Help",
+    "links-help-intro-paragraph": "Information about this website.",
+    "links-guidance-title": "Guidance",
+    "links-guidance-intro-paragraph": "An overview and detailed guidance on the Developments of National Significance application process",
+    "links-contactus-title": "Contact us",
+    "links-contactus-intro-paragraph": "How to get in touch with The Planning Inspectorate.",
+    "latest-applications-title": "Latest applications",
+    "applications-for-comment-title": "Applications open for comments"
+}

pages/api/lookups/pinswg_appealcasetype.js

@@ -14,7 +14,7 @@ const ApiResponse = (req, res) => {
                         "LocalizedLabels": [
                             {
                                 "Label":
-                                    "Listed Building and Convention S73 + S79",
+                                    "Listed Building and Conservation Area Consent S73 + S79",
                                 "LanguageCode": 1033,
                                 "IsManaged": false,
                                 "MetadataId":
@@ -23,7 +23,8 @@ const ApiResponse = (req, res) => {
                             },
                         ],
                         "UserLocalizedLabel": {
-                            "Label": "Listed Building and Convention S73 + S79",
+                            "Label":
+                                "Listed Building and Conservation Area Consent S73 + S79",
                             "LanguageCode": 1033,
                             "IsManaged": false,
                             "MetadataId":

pages/dns/applications.js

@@ -29,7 +29,8 @@ const Applications = (props) => {
             <Head>
                 <title>
                     {" "}
-                    Applications - Developments of National Significance
+                    {t("dnsApplications:page-title")} -{" "}
+                    {t("dnsCommon:service-name")}
                 </title>
             </Head>
             <div id="page_wrapper">