Make linter happy

Author: archey347

src/app/sponsors/gallery.tsx

@@ -1,62 +1,61 @@
 "use client";
 import Image from "next/image";
-import { useEffect, useState } from "react";
+import { useEffect, useState, useMemo } from "react";
 
 type Sponsor = {
   src: string;
   alt: string;
   href: string | null;
 };
 
+let sponsors: Sponsor[] = [
+  {
+    src: "/sponsors/abc.jpg",
+    alt: "Abergavenny Brake & Clutch",
+    href: "http://www.abcmotorfactors.com/",
+  },
+  {
+    src: "/sponsors/cwbs.jpg",
+    alt: "Caldicot Windows & Building Services",
+    href: "mailto:chippyatwork78@gmail.com",
+  },
+  {
+    src: "/sponsors/muddyseries4x4.jpg",
+    alt: "Muddy Series 4x4",
+    href: "https://www.ebay.co.uk/str/seriesuser4x4",
+  },
+  {
+    src: "/sponsors/whitecliff4x4.jpg",
+    alt: "Whitecliff 4x4",
+    href: "https://www.whitecliff4x4.co.uk/",
+  },
+  {
+    src: "/sponsors/lewis-thomas-spares.png",
+    alt: "Lewis Thomas Spares",
+    href: "tel:+44 7876 826194",
+  },
+  {
+    src: "/sponsors/wye-valley-carpet-and-upholstery-cleaners.png",
+    alt: "Wye Valley Carpet and Upholstery Cleaners",
+    href: "mailto:wyevalleycarpetcleaners@gmail.com",
+  },
+  {
+    src: "/sponsors/amorgan-property-maintenance.png",
+    alt: "A.Morgan Property Maintenance",
+    href: "tel:+44 1495 215381",
+  },
+  {
+    src: "/sponsors/ak-inspection-services.jpg",
+    alt: "AK Inspection Services",
+    href: "tel:+44 7765 196119",
+  },
+].sort(() => Math.random() - 0.5);
+
 export default function SponsorGallery() {
   const [images, setImages] = useState<Sponsor[]>([]);
 
   useEffect(() => {
-    let images: Sponsor[] = [
-      {
-        src: "/sponsors/abc.jpg",
-        alt: "Abergavenny Brake & Clutch",
-        href: "http://www.abcmotorfactors.com/",
-      },
-      {
-        src: "/sponsors/cwbs.jpg",
-        alt: "Caldicot Windows & Building Services",
-        href: "mailto:chippyatwork78@gmail.com",
-      },
-      {
-        src: "/sponsors/muddyseries4x4.jpg",
-        alt: "Muddy Series 4x4",
-        href: "https://www.ebay.co.uk/str/seriesuser4x4",
-      },
-      {
-        src: "/sponsors/whitecliff4x4.jpg",
-        alt: "Whitecliff 4x4",
-        href: "https://www.whitecliff4x4.co.uk/",
-      },
-      {
-        src: "/sponsors/lewis-thomas-spares.png",
-        alt: "Lewis Thomas Spares",
-        href: "tel:+44 7876 826194",
-      },
-      {
-        src: "/sponsors/wye-valley-carpet-and-upholstery-cleaners.png",
-        alt: "Wye Valley Carpet and Upholstery Cleaners",
-        href: "mailto:wyevalleycarpetcleaners@gmail.com",
-      },
-      {
-        src: "/sponsors/amorgan-property-maintenance.png",
-        alt: "A.Morgan Property Maintenance",
-        href: "tel:+44 1495 215381",
-      },
-      {
-        src: "/sponsors/ak-inspection-services.jpg",
-        alt: "AK Inspection Services",
-        href: "tel:+44 7765 196119",
-      },
-    ];
-
-    images = images.sort(() => Math.random() - 0.5);
-    setImages(images);
+    (async () => setImages(sponsors))();
   }, []);
 
   if (images.length == 0) {

src/components/footer.tsx

@@ -2,37 +2,29 @@
 import Link from "next/link";
 import { use, useEffect, useState, useCallback, useMemo } from "react";
 
-export default function Footer() {
-  const sponsors = useMemo(() => {
-    return [
-      "Caldicot Windows & Building Services",
-      "Abergavenny Brake & Clutch",
-      "Muddy Series 4X4 Parts",
-      "Whitecliff 4X4",
-      "AK Inspection Services Ltd",
-      "A.Morgan Property Maintenance",
-      "Wye Valley Carpet & Upholstery Cleaners",
-      "Lewis Thomas Spares",
-    ];
-  }, []);
-
-  const [sponsorIndex, setSponsorIndex] = useState(-1);
+const sponsors = [
+  "Caldicot Windows & Building Services",
+  "Abergavenny Brake & Clutch",
+  "Muddy Series 4X4 Parts",
+  "Whitecliff 4X4",
+  "AK Inspection Services Ltd",
+  "A.Morgan Property Maintenance",
+  "Wye Valley Carpet & Upholstery Cleaners",
+  "Lewis Thomas Spares",
+];
 
-  const switchSponsor = useCallback(() => {
-    let index = Math.floor(Math.random() * sponsors.length);
-
-    setSponsorIndex(index);
-  }, [sponsors]);
+export default function Footer() {
+  const [sponsorIndex, setSponsorIndex] = useState<number>(-1);
 
   useEffect(() => {
-    switchSponsor();
+    const stepSponsor = async () => {
+      setSponsorIndex(Math.floor(Math.random() * sponsors.length));
+    };
 
-    const intervalId = setInterval(() => {
-      switchSponsor();
-    }, 5000);
+    const intervalId = setInterval(stepSponsor, 5000);
 
     return () => clearInterval(intervalId);
-  }, [switchSponsor]);
+  }, [sponsorIndex]);
 
   return (
     <main>

src/components/navbar.tsx

@@ -9,14 +9,16 @@ import Image from "next/image";
 export default function Navbar() {
   const [navbarOpen, setNavbarOpen] = React.useState(false);
 
-  function navbarToggle() {
+  const navbarToggle = () => {
     setNavbarOpen(!navbarOpen);
-  }
+  };
 
   const pathname = usePathname();
 
   useEffect(() => {
-    setNavbarOpen(false);
+    (async () => {
+      setNavbarOpen(false);
+    })();
   }, [pathname]);
 
   return (