fix: lint

Author: tomaspalma

src/components/layout/SidebarPosition.tsx

@@ -8,7 +8,7 @@ type SidebarContextType = {
 
 const SidebarContext = createContext<SidebarContextType | undefined>(undefined);
 
-export const SidebarProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+export const SidebarProvider = ({ children }: { children: JSX.Element }) => {
     const [sidebarPosition, setSidebarPosition] = useState<'left' | 'right'>(() => {
     const storedPosition = window.localStorage.getItem("sidebar-position");
     return storedPosition === "left" || storedPosition === "right" ? storedPosition : "right";

src/pages/TimeTableSelector.tsx

@@ -3,13 +3,12 @@ import { useEffect, useContext } from 'react'
 import { Sidebar } from '../components/planner'
 import { Major } from '../@types'
 import MajorContext from '../contexts/MajorContext'
-import CourseContext from '../contexts/CourseContext'
 import { useSidebarContext } from '../components/layout/SidebarPosition'
 import { SidebarProvider } from '../components/layout/SidebarPosition'
 import PlannerSchedule from '../components/planner/schedule/PlannerSchedule'
 
 const TimeTableSelectorPage = () => {
-  const {setMajors} = useContext(MajorContext);
+  const { setMajors } = useContext(MajorContext);
 
   // fetch majors when component is ready
   useEffect(() => {
@@ -20,21 +19,9 @@ const TimeTableSelectorPage = () => {
   }, [])
 
   return (
-    <MajorContext.Provider value={{ majors, setMajors }}>
-      <CourseContext.Provider value={
-        {
-          pickedCourses, setPickedCourses,
-          coursesInfo, setCoursesInfo,
-          checkboxedCourses, setCheckboxedCourses,
-          choosingNewCourse, setChoosingNewCourse,
-          ucsModalOpen, setUcsModalOpen
-        }
-      }>
-        <SidebarProvider>
-          <Content />
-        </SidebarProvider>
-      </CourseContext.Provider>
-    </MajorContext.Provider>
+    <SidebarProvider>
+      <Content />
+    </SidebarProvider>
   );
 };
 
@@ -43,22 +30,22 @@ const Content = () => {
 
   return (
     <div className="grid w-full grid-cols-12 gap-x-4 gap-y-4 px-4 py-4">
-      {sidebarPosition === 'left' ?(
+      {sidebarPosition === 'left' ? (
         <>
           <div className='col-span-12 lg:col-span-3 min-h'>
             <Sidebar />
           </div>
           <div className='col-span-12 lg:col-span-9 min-h rounded-md bg-lightest px-3 py-3 dark:bg-dark 2xl:px-5 2xl:py-5'>
-            <Schedule />
+            <PlannerSchedule />
           </div>
         </>
       ) : (
         <>
           <div className='col-span-12 lg:col-span-9 min-h rounded-md bg-lightest px-3 py-3 dark:bg-dark 2xl:px-5 2xl:py-5'>
-          <Schedule />
+            <PlannerSchedule />
           </div>
           <div className='col-span-12 lg:col-span-3 min-h'>
-          <Sidebar />
+            <Sidebar />
           </div>
         </>
       )}