ci: added workflow to run linter

NIAEFEUP · Sep 16, 2024 · 191757a · 191757a
1 parent d50ad00
commit 191757a
Show file tree

Hide file tree

Showing 6 changed files with 51 additions and 15 deletions.
diff --git a/.github/workflows/codeanalysis.yaml b/.github/workflows/codeanalysis.yaml
@@ -0,0 +1,44 @@
+name: Code analysis
+
+on:
+  push:
+    branches:
+      - develop
+      - main
+  pull_request:
+    branches:
+      - develop
+      - main
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    name: Lint
+
+    strategy:
+      matrix:
+        node-version: [21.x]
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Set up Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+
+      - name: Cache dependencies
+        uses: actions/cache@v3
+        with:
+          path: |
+            **/node_modules
+          key: ${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build site
+        run: npm run build
+
+      - name: Lint Code
+        run: npm run lint
+
diff --git a/eslint.config.js b/eslint.config.js
@@ -21,7 +21,7 @@ export default [
     },
   },
   {
-    ignores: ["src/components/ui/*", "src/components/svgs/*"],
+    ignores: ["src/components/ui/*", "src/components/svgs/*", "build/"],
   },
   pluginJs.configs.recommended,
   ...tseslint.configs.recommended,

diff --git a/package.json b/package.json
@@ -56,6 +56,7 @@
   "scripts": {
     "dev": "vite --host",
     "build": "tsc && vite build",
+    "lint": "eslint .",
     "preview": "vite preview",
     "check": "npx prettier --check .",
     "format": "npx prettier --write ."

diff --git a/src/components/planner/sidebar/CoursesController/ClassSelector.tsx b/src/components/planner/sidebar/CoursesController/ClassSelector.tsx
@@ -114,8 +114,7 @@ const ClassSelector = ({ course }: Props) => {
               <ClassSelectorDropdownController
                 course={course}
                 selectedClassIdHook={[selectedClassId, setSelectedClassId]}
-                previewHook={[preview, setPreview]}
-                display={display}
+                setPreview={setPreview}
                 removePreview={removePreview}
                 contentRef={classSelectorContentRef}
                 triggerRef={classSelectorTriggerRef}

diff --git a/src/components/planner/sidebar/CoursesController/ClassSelectorDropdownController.tsx b/src/components/planner/sidebar/CoursesController/ClassSelectorDropdownController.tsx
@@ -13,8 +13,7 @@ import ProfessorItem from "./ProfessorItem";
 type Props = {
   course: CourseInfo
   selectedClassIdHook: [number | null, Dispatch<SetStateAction<number | null>>]
-  previewHook: [number | null, Dispatch<SetStateAction<number | null>>]
-  display: number
+  setPreview: Dispatch<SetStateAction<number | null>>
   removePreview: () => void,
   contentRef: any
   triggerRef: any
@@ -48,16 +47,14 @@ const NoOptionsFound = ({ mobile }: { mobile: boolean }) => {
 const ClassSelectorDropdownController = ({
   course,
   selectedClassIdHook,
-  previewHook,
-  display,
+  setPreview,
   removePreview,
   contentRef,
   triggerRef
 }: Props) => {
   const { multipleOptions, setMultipleOptions, selectedOption } = useContext(MultipleOptionsContext);
   const { pickedCourses, choosingNewCourse } = useContext(CourseContext);
   const [selectedClassId, setSelectedClassId] = selectedClassIdHook;
-  const [preview, setPreview] = previewHook;
 
   // This is used to store the ids of the teachers so it is easy to verify if a teacher is filtered or not
   const [filteredTeachers, setFilteredTeachers] = useState(teacherIdsFromCourseInfo(course));
@@ -224,9 +221,6 @@ const ClassSelectorDropdownController = ({
                         key={`schedule-${classInfo.name}`}
                         course_id={course.id}
                         classInfo={classInfo}
-                        displayed={display === classInfo.id}
-                        checked={selectedOption === classInfo.id}
-                        preview={preview}
                         conflict={timesCollideWithSelected(classInfo)}
                         onSelect={() => {
                           setSelectedClassId(classInfo.id)
@@ -261,9 +255,6 @@ const ClassSelectorDropdownController = ({
                             key={`schedule-${classInfo.name}`}
                             course_id={course.id}
                             classInfo={classInfo}
-                            displayed={display === classInfo.id}
-                            checked={selectedOption === classInfo.id}
-                            preview={preview}
                             conflict={timesCollideWithSelected(classInfo)}
                             onSelect={() => {
                               setSelectedClassId(classInfo.id)

diff --git a/src/contexts/ThemeContext.tsx b/src/contexts/ThemeContext.tsx
@@ -3,5 +3,6 @@ import { createContext } from 'react'
 //TODO: Change the boolean to a more appropriate name, like "darkMode"
 export const ThemeContext = createContext({
   enabled: false,
-  setEnabled: () => { },
+  // eslint-disable-next-line
+  setEnabled: (enabled: boolean) => { },
 })