"use client";

import { useLocalCoursesSettingsQuery } from "@/hooks/localCourse/localCoursesHooks";
import OneCourseLectures from "./OneCourseLectures";
import { SuspenseAndErrorHandling } from "@/components/SuspenseAndErrorHandling";
import CourseContextProvider from "../course/[courseName]/context/CourseContextProvider";
import { Fragment } from "react";

export default function TodaysLectures() {
  const [allSettings] = useLocalCoursesSettingsQuery();
  return (
    <div className="w-full">
      {/* <h3 className="text-center text-slate-400">todays lectures</h3> */}
      <div className="flex justify-around w-full">
        <SuspenseAndErrorHandling>
          {allSettings.map((settings) => (
            <Fragment key={settings.name}>
              <CourseContextProvider localCourseName={settings.name}>
                <OneCourseLectures />
              </CourseContextProvider>
            </Fragment>
          ))}
        </SuspenseAndErrorHandling>
      </div>
    </div>
  );
}