Fix type errors

Author: MrDog210

src/app/pages/main/TimetablePage.tsx

@@ -19,7 +19,7 @@ import { useState } from "react"
 
 function TimetablePage() {
   const { schoolCode } = getSchoolInfo()
-  const { selectedGroups, changeSelectedGroups, reset, compactDayView, changeSettings, scrollToCalendar } = useSettings()
+  const { selectedGroups, changeSelectedGroups, reset, compactWeekView, changeSettings, scrollToCalendar } = useSettings()
   const [settingsOpen, setSettingsOpen] = useState(Object.keys(selectedGroups).length === 0 ? true : false)
   const [date, setDate] = useState(new Date())
 
@@ -69,12 +69,12 @@ function TimetablePage() {
               <DialogHeader>
                 <DialogTitle>Settings</DialogTitle>
                 <div className="flex items-center space-x-2">
-                  <Switch checked={compactDayView} onCheckedChange={(checked) => {
+                  <Switch checked={compactWeekView} onCheckedChange={(checked) => {
                     changeSettings({
-                      compactDayView: checked
+                      compactWeekView: checked
                     })
                   }} id="compact-day-view" />
-                  <Label htmlFor="compact-day-view">Compact day view</Label>
+                  <Label htmlFor="compact-day-view">Compact week view</Label>
                 </div>
                 <div className="flex items-center space-x-2">
                   <Switch checked={scrollToCalendar} onCheckedChange={(checked) => {

src/components/programSelect/TreeViewProgramSelect.tsx

@@ -45,7 +45,8 @@ function TreeViewProgramSelect({
         selectedIcon: () => <CircleCheck className="mr-2" />
       }))
       return programms.map((p) => {
-          if (String((p as any).id) !== String(programmeId) && !((p as any).programmeId === programmeId)) {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          if (String(p.id) !== String(programmeId) && !((p as any).programmeId === programmeId)) {
             return p;
           }
 

src/components/timetable/Timetable.tsx

@@ -30,7 +30,7 @@ function Timetable({ date, setDate }: TimetableProps) {
     return syncScrolling()
   }, []);
 
-  const { selectedGroups, defaultTimetableView, changeSettings, compactDayView, scrollToCalendar } = useSettings()
+  const { selectedGroups, defaultTimetableView, changeSettings, compactWeekView, scrollToCalendar } = useSettings()
   const {from, till} = getWeekDates(date)
 
   const [selectedLecture, setSelectedLecture] = useState<LectureWise | undefined>(undefined)
@@ -79,7 +79,7 @@ function Timetable({ date, setDate }: TimetableProps) {
         })}
         onSelectEvent={(event) => setSelectedLecture(event.lecture)}
         views={["work_week", "day"]}
-        className={`h-screen ${compactDayView && defaultTimetableView === 'work_week' ? 'tt-compact-display' : ''}`}
+        className={`h-screen ${compactWeekView && defaultTimetableView === 'work_week' ? 'tt-compact-display' : ''}`}
         min={new Date(1972, 0, 1, 6, 0, 0, 0)}
         max={new Date(1972, 0, 1, 23, 0, 0, 0)}
         timeslots={1}

src/components/timetable/TimetableEvent.tsx

@@ -14,11 +14,11 @@ function toAcronym(str: string): string {
 
 function TimetableEvent({ event }: TimetableEventProps) {
   const { lecture } = event
-  const { compactDayView, defaultTimetableView } = useSettings()
+  const { compactWeekView, defaultTimetableView } = useSettings()
   const { color, colorText, course, start_time, end_time, eventType, executionType, lecturers, rooms } = lecture
   const hexColor = (color === null || color === '') ? undefined : `#${color}`
 
-  if (compactDayView && defaultTimetableView === 'work_week') // compact view
+  if (compactWeekView && defaultTimetableView === 'work_week') // compact view
     return (
       <Card className="w-full h-full absolute left-0 top-0 p-1 gap-y-0.5">
         <div className="font-bold text-lg leading-none">{course ? toAcronym(course) : toAcronym(eventType)}</div>

src/components/tree-view.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import React from 'react'
 import * as AccordionPrimitive from '@radix-ui/react-accordion'
 import { ChevronRight } from 'lucide-react'

src/components/ui/badge.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-refresh/only-export-components */
 import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
 import { cva, type VariantProps } from "class-variance-authority"

src/components/ui/button-group.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-refresh/only-export-components */
 import { Slot } from "@radix-ui/react-slot"
 import { cva, type VariantProps } from "class-variance-authority"
 

src/components/ui/multi-select.tsx

@@ -316,6 +316,7 @@ export const MultiSelect = React.forwardRef<MultiSelectRef, MultiSelectProps>(
 			animationConfig,
 			maxCount = 3,
 			modalPopover = false,
+			// eslint-disable-next-line @typescript-eslint/no-unused-vars
 			asChild = false,
 			className,
 			hideSelectAll = false,

src/context/UserSettingsContext.tsx

@@ -27,7 +27,7 @@ const DEFAULT_VALUES: SavedSettings = {
   defaultTimetableView: "work_week",
   hasCompletedSetup: false,
   selectedGroups: {},
-  compactDayView: false,
+  compactWeekView: false,
   scrollToCalendar: false
 }
 
@@ -44,7 +44,7 @@ type SavedSettings = {
   hasCompletedSetup: boolean,
   defaultTimetableView: "day" | "work_week",
   selectedGroups: SelectedGroups,
-  compactDayView: boolean,
+  compactWeekView: boolean,
   scrollToCalendar: boolean
   //language: // TODO: add multiple language support
 }

src/lib/timetableUtils.ts

@@ -88,7 +88,7 @@ export function getDistinctSelectedGroups(selectedGroups: SelectedGroups) {
   return distinct
 }
 
-export function formatArray(array: { [key: string]: any }[], key: string) {
+export function formatArray(array: { [key: string]: unknown }[], key: string) {
   let string = ''
   for(let i = 0; i<array.length; i++)
     string += array[i][key] +((i !== array.length -1) ? ', ' : '')
@@ -140,7 +140,7 @@ export function filterLecturesBySelectedGroups(lectures: LectureWise[], selected
   return lectures.filter(({groups, courseId, course}) => {
     if(course === '') return true
     for(const group of groups)
-      if(selectedGroups[courseId] && selectedGroups[courseId].includes(group.id as any))
+      if(selectedGroups[courseId] && selectedGroups[courseId].includes(group.id as unknown as string))
         return true
     return false
   })