fix(ESLint): Fixed Linting errors

Author: philipbrembeck

public/sw.js

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import React, { Component } from "react";
 import Quagga from "@ericblade/quagga2";
 interface ScannerProps {

src/components/Scanner/scanner.tsx

@@ -103,7 +103,7 @@ const ProductSearch: React.FC = () => {
     setBarcode(e.target.value);
   };
 
-  let productname = result.productname === "n/a" ? "?" : result.productname;
+  const productname = result.productname === "n/a" ? "?" : result.productname;
   let vegan = "unknown icon-help";
   if (result.vegan === "true") {
     vegan = "vegan icon-ok";
@@ -134,8 +134,8 @@ const ProductSearch: React.FC = () => {
 
   let nutriscore = result.nutriscore;
   let grade = result.grade;
-  let api = sources.api;
-  let uri = sources.baseuri;
+  const api = sources.api;
+  const uri = sources.baseuri;
 
   if (nutriscore === "n/a") {
     nutriscore = "unknown icon-help";

src/components/check.tsx

@@ -11,12 +11,12 @@ interface ContainerProps {
 }
 
 export default function Container(props: ContainerProps) {
-  let hasHeading = props.heading ? "true" : "false";
-  let headingStyle = props.headingstyle ?? undefined;
+  const hasHeading = props.heading ? "true" : "false";
+  const headingStyle = props.headingstyle ?? undefined;
 
 
-  let hasBackButton = props.backbutton !== false ? true : false;
-  let hasLogo = props.logo !== false ? true : false;
+  const hasBackButton = props.backbutton !== false ? true : false;
+  const hasLogo = props.logo !== false ? true : false;
 
   return (
     <div className="container top">

src/components/elements/container.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable  @typescript-eslint/no-unused-vars */
 import React, { useState } from "react";
 
 interface Props {

src/components/elements/modals.tsx

@@ -91,7 +91,7 @@ const ModalWrapper: React.FC<ModalProps> = ({ children, id, buttonType, buttonCl
           {buttonText}
         </div>
       )}
-      {isOpen &&
+      {isOpen && modalRoot &&
         createPortal(
           <div className="modal_view animated fadeInUp open">
             <div className="modal_close">
@@ -105,7 +105,7 @@ const ModalWrapper: React.FC<ModalProps> = ({ children, id, buttonType, buttonCl
             </div>
             {children}
           </div>,
-          modalRoot!
+          modalRoot
         )}
     </>
   );

src/components/elements/modalwrapper.tsx

@@ -1,12 +1,11 @@
 /* eslint-disable @next/next/no-img-element */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { useState, useEffect } from "react";
 import ModalWrapper from "@/components/elements/modalwrapper";
 import Image from "next/image";
 import { useTranslations } from "next-intl";
 
-interface InstallPromptProps {}
-
-const InstallPrompt: React.FC<InstallPromptProps> = () => {
+const InstallPrompt = () => {
   const t = useTranslations("InstallPrompt");
   const [showInstallPrompt, setShowInstallPrompt] = useState(false);
 

src/components/elements/pwainstall.tsx

@@ -18,8 +18,8 @@ const ShareButton: React.FC<ShareButtonProps> = ({ productName, barcode }) => {
     }
   }, []);
 
-  let text = productName + " - Checked using VeganCheck";
-  let url = `https://vegancheck.me/?ean=${barcode}`;
+  const text = productName + " - Checked using VeganCheck";
+  const url = `https://vegancheck.me/?ean=${barcode}`;
 
   const handleCopyClick = () => {
     navigator.clipboard
@@ -90,7 +90,7 @@ const ShareButton: React.FC<ShareButtonProps> = ({ productName, barcode }) => {
             text,
             url,
           })
-          .catch((err) => {});
+          .catch((err) => {console.error(err)});
       }}
     >
       {t("share")}

src/components/elements/share.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { useState, useEffect, FC } from "react";
 import Image from "next/image";
 import { useTranslations } from "next-intl";

src/components/elements/shortcutinstall.tsx

@@ -1,5 +1,4 @@
-import Head from "next/head";
-import Link from "next/link";
+/* eslint-disable @next/next/no-img-element */
 import Image from "next/image";
 import { useTranslations } from "next-intl";
 

src/components/footer.tsx

@@ -4,12 +4,12 @@ import { useTranslations } from "next-intl";
 import Image from "next/image";
 import ModalWrapper from "@/components/elements/modalwrapper";
 
-interface FlaggedItem {
+export interface FlaggedItem {
   item: string;
   index: number;
 }
 
-const IngredientsCheck: React.FC = () => {
+const IngredientsCheck = () => {
   const t = useTranslations("Ingredients");
   const [flagged, setFlagged] = useState<string[]>([]);
   const [vegan, setVegan] = useState<string | boolean>("");

src/components/ingredientscheck.tsx

@@ -1,6 +1,5 @@
 import Head from "next/head";
 import Link from "next/link";
-import Image from "next/image";
 import { useRouter } from "next/router";
 import { useEffect } from "react";
 import { GetStaticPropsContext } from "next";

src/components/nav.tsx

@@ -1,4 +1,3 @@
-import Image from "next/image";
 import Nav from "@/components/nav";
 import Footer from "@/components/footer";
 import ProductSearch from "@/components/check";