added linter

.eslintrc

@@ -0,0 +1,3 @@
+{
+  "extends": "next"
+}

components/case/summary.js

@@ -133,9 +133,11 @@ export default function CaseSummary() {
                                         </dt>
                                         <dd className="govuk-summary-list__value">
                                             Allowed
-                                            <a href="/">
+                                            <Link href="/">
+                                                <a>
                                                     3272770 Appeal Decision.pdf
                                                 </a>
+                                            </Link>
                                         </dd>
                                     </div>
                                     <div className="govuk-summary-list__row">

components/footer.js

@@ -20,12 +20,12 @@ export default function Footer(props) {
 
     return (
         <footer className="govuk-footer " role="contentinfo">
-            <div class="sharebar" id="sharebar">
-                <div class="sharebar__components container-fluid">
-                    <div class="main__sharebar">
+            <div className="sharebar" id="sharebar">
+                <div className="sharebar__components container-fluid">
+                    <div className="main__sharebar">
                         <div
                             id="sharebar__backtotop"
-                            class="btn--outlined btn--arrow-up"
+                            className="btn--outlined btn--arrow-up"
                         >
                             <a href="#page_wrapper">Back to top</a>
                         </div>
@@ -47,6 +47,7 @@ export default function Footer(props) {
                                         id="aTermsConds"
                                         className="govuk-footer__link"
                                         target="_blank"
+                                        rel="noreferrer"
                                     >
                                         {t(
                                             "common:footer-terms-conditions-link"
@@ -59,6 +60,7 @@ export default function Footer(props) {
                                         id="aPrivacy"
                                         className="govuk-footer__link"
                                         target="_blank"
+                                        rel="noreferrer"
                                     >
                                         {t("common:footer-privacy-link")}
                                     </a>
@@ -69,6 +71,7 @@ export default function Footer(props) {
                                         id="aCookies"
                                         className="govuk-footer__link"
                                         target="_blank"
+                                        rel="noreferrer"
                                     >
                                         {t("common:footer-cookies-link")}
                                     </a>
@@ -79,6 +82,7 @@ export default function Footer(props) {
                                         className="govuk-footer__link"
                                         id="aAccess"
                                         target="_blank"
+                                        rel="noreferrer"
                                     >
                                         {t("common:footer-accessibility-link")}
                                     </a>
@@ -88,6 +92,7 @@ export default function Footer(props) {
                                         href="http://www.gov.uk/guidance/feedback"
                                         id="feedback"
                                         target="_blank"
+                                        rel="noreferrer"
                                     >
                                         {t("common:footer-feedback-link")}
                                     </a>

components/header.js

@@ -16,10 +16,8 @@ export default function Header({ courseName }) {
         >
             <div className="govuk-header__container govuk-width-container">
                 <div className="govuk-header__logo govuk-!-width-one-quarter">
-                    <a
-                        href="/"
-                        className="govuk-header__link govuk-header__link--homepage"
-                    >
+                    <Link href="/">
+                        <a className="govuk-header__link govuk-header__link--homepage">
                             <span className="govuk-header__logotype header__logo">
                                 <svg
                                     xmlns="http://www.w3.org/2000/svg"
@@ -59,11 +57,12 @@ export default function Header({ courseName }) {
                                 </svg>
                             </span>
                         </a>
+                    </Link>
                 </div>
 
                 <div className="govuk-header__content govuk-!-width-two-thirds govuk-!-margin-top-3">
+                    <Link href="/">
                         <a
-                        href="/"
                             onClick={() => {
                                 window.localStorage.clear();
                             }}
@@ -71,6 +70,7 @@ export default function Header({ courseName }) {
                         >
                             {t("common:service-name")}
                         </a>
+                    </Link>
                 </div>
                 <div className="languageSwitch">
                     {router.path}

components/homepage/inspectorate.js

@@ -1,4 +1,5 @@
 import Link from "next/link";
+import Image from "next/image";
 import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
 
@@ -10,7 +11,13 @@ export default function Inspectorate() {
     return (
         <div className="card clear" id="inspectorate-card">
             <div className="card-body">
-        <img src="assets/images/PINS_dual_logo_400.png" />
+                <Image
+                    alt="Planning Inspectorate"
+                    src="/assets/images/PINS_dual_logo_400.png"
+                    width="380px"
+                    height="58px"
+                    layout="responsive"
+                />
                 <p className="govuk-body-s">
                     {t("home:inspectorate-card-visit-label")}:{" "}
                     <Link href="/">

package.json

@@ -32,6 +32,8 @@
     "webpack": "^5.40.0"
   },
   "devDependencies": {
+    "eslint": "^7.29.0",
+    "eslint-config-next": "^11.0.1",
     "prettier": "2.3.2"
   }
 }

pages/api/hello.js

@@ -1,5 +0,0 @@
-// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-
-export default (req, res) => {
-  res.status(200).json({ name: 'John Doe' })
-}