Using Lint for checking code (#30)

Author: jkluge

my-app/eslint.config.js

@@ -9,7 +9,10 @@ export default [
     files: ['**/*.{js,jsx}'],
     languageOptions: {
       ecmaVersion: 2020,
-      globals: globals.browser,
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
       parserOptions: {
         ecmaVersion: 'latest',
         ecmaFeatures: { jsx: true },
@@ -30,4 +33,12 @@ export default [
       ],
     },
   },
+  {
+    files: ['**/tailwind.config.js'], // ✅ Ensure Node.js globals for config files
+    languageOptions: {
+      globals: {
+        ...globals.node,
+      },
+    },
+  },
 ]

my-app/firebase.js

@@ -1,6 +1,6 @@
 import { initializeApp } from "firebase/app";
 import { getAuth, GoogleAuthProvider, onAuthStateChanged } from "firebase/auth";
-import { get, getDatabase, ref, set, serverTimestamp } from "firebase/database";
+import { get, getDatabase, ref, set } from "firebase/database";
 
 // Your web app's Firebase configuration
 const firebaseConfig = {

my-app/src/index.jsx

@@ -1,4 +1,4 @@
-import { configure, makeAutoObservable, observable } from "mobx";
+import { configure, makeAutoObservable } from "mobx";
 import { createHashRouter, RouterProvider } from "react-router-dom";
 import { createRoot } from "react-dom/client";
 import { connectToFirebase } from "../firebase";

my-app/src/presenters/CourseViewPresenter.jsx

@@ -2,8 +2,8 @@ import React from 'react';
 import { observer } from "mobx-react-lite";
 import CourseView from "../views/CourseView.jsx";
 
-const CourseViewPresenter = observer(({ model }) => {
-    return <CourseView />;
+const CourseViewPresenter = observer(() => {
+    return <CourseView/>;
 });
 
 export { CourseViewPresenter };

my-app/src/presenters/SidebarPresenter.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { observer } from "mobx-react-lite";
 import SidebarView from "../views/SidebarView.jsx";
 
-const SidebarPresenter = observer(({ model }) => {
+const SidebarPresenter = observer(() => {
     return (
         <SidebarView/>
     );

my-app/src/presenters/Tests/AddToDB.jsx

@@ -96,9 +96,9 @@ export const AddToDB = observer(function AddToDB({ model }) {
 
 
 
-    function onTextChanged(e){
-        setText(e.target.value);
-    }
+    // function onTextChanged(e){
+    //     setText(e.target.value);
+    // }
 
     // function onSubmit(){
     //     const course = {courseCode : text, data : "A course"};

my-app/src/views/Components/SideBarComponents/CourseTranscriptList.jsx

@@ -5,7 +5,7 @@ export default function CourseTranscriptList() {
     if (localStorage.getItem("completedCourses"))
         local = JSON.parse(localStorage.getItem("completedCourses"));
 
-
+    // eslint-disable-next-line no-unused-vars
     window.addEventListener("completedCourses changed", event => {
         if (localStorage.getItem("completedCourses"))
             local = JSON.parse(localStorage.getItem("completedCourses"));

my-app/src/views/Components/SideBarComponents/SliderField.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useState } from "react";
 
-export default function UploadField(props) {
+export default function UploadField() {
     const values = [1,
         1.5,
         2,

my-app/src/views/Components/SideBarComponents/UploadField.jsx

@@ -3,9 +3,6 @@ import CourseTranscriptList from './CourseTranscriptList';
 //import * as scraper from '../../../../src/scripts/transcript-scraper/transcript-scraper.js';
 import { useState } from "react";
 
-export default function UploadField(props) {
-
-
     const [isDragging, setIsDragging] = useState(false);
 
     const handleDragOver = (event) => {

my-app/src/views/CourseView.jsx

@@ -1,7 +1,6 @@
 // import React from 'react';
 // import PrerequisiteTree from "./PrerequisiteTree.jsx";
 // // import {model} from '/src/model.js';
-
 // export default function CourseView({ course }) {
 //     if (!course) return null;