Code-review to fix comments and ESlint to get build to complete

.eslintrc.json

@@ -1,9 +1,24 @@
 {
+  "parser": "@typescript-eslint/parser",
+  "plugins": [
+    "@typescript-eslint"
+  ],
   "extends": [
     "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
     "next/core-web-vitals",
-    "prettier",
-    "plugin:storybook/recommended"
+    "plugin:storybook/recommended",
+    "prettier"
   ],
-  "rules": {}
+  "rules": {
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "warn", // or "error"
+      {
+        "argsIgnorePattern": "^_",
+        "varsIgnorePattern": "^_",
+        "caughtErrorsIgnorePattern": "^_"
+      }
+    ]
+  }
 }

app/header.tsx

@@ -26,8 +26,12 @@ const Line = ({ className }: { className: string }) => (
     />
   </>
 )
+type BurgerProps = {
+  active: boolean
+  setActive: (b: boolean) => void
+}
 
-const Burger = ({ active, setActive }: { active: boolean; setActive: (b: boolean) => void }) => (
+const Burger = ({ active, setActive }: BurgerProps) => (
   <a
     role="button"
     onClick={() => setActive(!active)}

app/program/SimpleTalk.tsx

@@ -1,5 +1,4 @@
 import React from 'react'
-import styles from './page.module.css'
 import { formatter, prettyFormat, prettyLanguage } from './utils'
 import { Session } from '@/app/program/program'
 import Link from 'next/link'

app/program/page.tsx

@@ -1,5 +1,4 @@
 import { Session, SessionFormat } from './program'
-import styles from './page.module.css'
 import { SessionGroup } from './SessionGroup'
 import { fetchProgram } from '@/app/program/fetchProgram'
 import { Title } from '@/components/title/Title'

app/theme/page.tsx

@@ -1,7 +1,6 @@
 'use client'
 
 import Image from 'next/image'
-// @ts-ignore
 import AOS from 'aos'
 import 'aos/dist/aos.css'
 import * as React from 'react'

app/volunteers/page.tsx

@@ -1,6 +1,5 @@
 'use client'
 
-// @ts-ignore
 import AOS from 'aos'
 import 'aos/dist/aos.css'
 import { useEffect } from 'react'

components/backgroundSection/BackgroundSection.tsx

@@ -2,8 +2,7 @@ import React from 'react'
 
 interface BackgroundSectionProps {
   /**
-   * TODO
-   * Type of section, normal or undefined
+   * Type of section, based on where it is used (Defines the background image)
    */
   type?: 'about'
 }

components/link/Link.tsx

@@ -32,6 +32,7 @@ export const Link = ({ type = 'normal', href, className, children, ...props }: L
       return (
         <a
           className={`text-big-text-color hover:text-hover-text-color ${className}`}
+          rel="noreferrer noopener"
           href={href}
           {...props}
         >
@@ -60,22 +61,3 @@ export const Link = ({ type = 'normal', href, className, children, ...props }: L
       )
   }
 }
-/*
-
-background-color: var(--normal-text-color);
-border-color: transparent;
-color: #650729;
-button {
-  background-color: #fff;
-  border-color: #dbdbdb;
-  border-width: 1px;
-  color: #363636;
-  cursor: pointer;
-  justify-content: center;
-  padding: calc(.5em - 1px) 1em;
-  text-align: center;
-  white-space: nowrap;
-}
-
-
-*/

components/section/Section.tsx

@@ -2,7 +2,6 @@ import React from 'react'
 
 interface SectionProps {
   /**
-   * TODO
    * Type of section, normal or 2 columns section
    */
   type?: 'normal' | '2-col'