chore(ci): add workflow file and cleanup lint errors

Author: aptmac

.github/workflows/ci.yaml

@@ -0,0 +1,36 @@
+name: CI
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+
+jobs:
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: lts/*
+      - name: Install dependencies
+        run: npm install
+      - name: Run eslint
+        run: npm run lint
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: lts/*
+      - name: Install dependencies
+        run: npm install
+      - name: Attempt a build
+        run: npm run build

package.json

@@ -18,7 +18,6 @@
   },
   "devDependencies": {
     "@types/enzyme": "^3.10.8",
-    "@types/jest": "^26.0.23",
     "@types/react-router-dom": "^5.1.7",
     "@types/victory": "^33.1.4",
     "@typescript-eslint/eslint-plugin": "^4.26.1",
@@ -36,7 +35,6 @@
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.5.0",
     "imagemin": "^8.0.0",
-    "jest": "^27.0.4",
     "mini-css-extract-plugin": "^1.6.0",
     "postcss": "^8.3.1",
     "prettier": "^2.3.1",
@@ -50,7 +48,6 @@
     "style-loader": "^2.0.0",
     "svg-url-loader": "^7.1.1",
     "terser-webpack-plugin": "^5.3.1",
-    "ts-jest": "^27.0.3",
     "ts-loader": "^9.2.3",
     "tsconfig-paths-webpack-plugin": "^3.5.2",
     "tslib": "^2.2.0",

src/app/AppLayout/SocialMediaContainer.tsx

@@ -11,6 +11,7 @@ class SocialMediaContainer extends React.Component<any, any> {
           <a
             href="https://www.github.com/aptmac/draftaid-react"
             target="_blank"
+            rel="noreferrer"
             aria-label="github-button"
             className="social github"
           >

src/app/Draftboard/BeersheetUpload.tsx

@@ -8,7 +8,7 @@ import {
 import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon';
 
 interface BeersheetProps {
-  getBeersheet: Function;
+  getBeersheet: (beersheet: string) => void;
 }
 
 interface readFile {

src/app/Draftboard/Draftboard.tsx

@@ -33,7 +33,7 @@ class DraftBoard extends Component<any, any> {
   }
 
   searchPlayers(query) {
-    let players = this.state.players.filter((player) => player.name.toUpperCase().includes(query.toUpperCase()));
+    const players = this.state.players.filter((player) => player.name.toUpperCase().includes(query.toUpperCase()));
 
     this.setState({
       filteredPlayers: players,

src/app/Draftboard/UndraftedAll.tsx

@@ -14,11 +14,11 @@ import Undrafted from './Undrafted';
   ensure that the values are populated, we wait until the height is not undefined.
 */
 function resizeUndraftedTable(): void {
-  var gridHeight = document.getElementById('undrafted-positions')?.clientHeight;
-  var undraftedHeaderHeight = document.getElementById('undrafted-header')?.clientHeight;
-  var draftedHeaderHeight = document.getElementById('drafted-header')?.clientHeight;
-  var undraftedTable = document.getElementsByClassName('undrafted-table')[0] as HTMLElement | null;
-  var draftedTable = document.getElementsByClassName('drafted-table')[0] as HTMLElement | null;
+  const gridHeight = document.getElementById('undrafted-positions')?.clientHeight;
+  const undraftedHeaderHeight = document.getElementById('undrafted-header')?.clientHeight;
+  const draftedHeaderHeight = document.getElementById('drafted-header')?.clientHeight;
+  const undraftedTable = document.getElementsByClassName('undrafted-table')[0] as HTMLElement | null;
+  const draftedTable = document.getElementsByClassName('drafted-table')[0] as HTMLElement | null;
   if (
     gridHeight != null &&
     undraftedTable != null &&