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="/">
-                                                3272770 Appeal Decision.pdf
-                                            </a>
+                                            <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/homepage/inspectorate.js

@@ -1,23 +1,30 @@
 import Link from "next/link";
+import Image from "next/image";
 import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
 
 export default function Inspectorate() {
-  let { t } = useTranslation();
+    let { t } = useTranslation();
 
-  const router = useRouter();
-  const { locale } = router;
-  return (
-    <div className="card clear" id="inspectorate-card">
-      <div className="card-body">
-        <img src="assets/images/PINS_dual_logo_400.png" />
-        <p className="govuk-body-s">
-          {t("home:inspectorate-card-visit-label")}:{" "}
-          <Link href="/">
-            <a>{t("home:inspectorate-card-visit-link")}</a>
-          </Link>
-        </p>
-      </div>
-    </div>
-  );
+    const router = useRouter();
+    const { locale } = router;
+    return (
+        <div className="card clear" id="inspectorate-card">
+            <div className="card-body">
+                <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="/">
+                        <a>{t("home:inspectorate-card-visit-link")}</a>
+                    </Link>
+                </p>
+            </div>
+        </div>
+    );
 }

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' })
-}