view todays lectures from home

nextjs/src/app/todaysLectures/OneCourseLectures.tsx

@@ -0,0 +1,34 @@
+"use client";
+
+import { useLecturesByWeekQuery } from "@/hooks/localCourse/lectureHooks";
+import { getDateOnlyMarkdownString } from "@/models/local/timeUtils";
+import { getLecturePreviewUrl } from "@/services/urlUtils";
+import Link from "next/link";
+import { useCourseContext } from "../course/[courseName]/context/courseContext";
+
+export default function OneCourseLectures() {
+  const { courseName } = useCourseContext();
+  const { data: weeks } = useLecturesByWeekQuery();
+
+  const dayAsDate = new Date();
+  const dayAsString = getDateOnlyMarkdownString(dayAsDate);
+  const todaysLecture = weeks
+    .flatMap((w) => w.lectures)
+    .find((l) => l.date == dayAsString);
+  if (!todaysLecture) return <></>;
+  return (
+    <Link
+      href={getLecturePreviewUrl(courseName, dayAsString)}
+      className="
+        border-4 rounded-lg border-slate-500 
+        p-3 m-3 block text-end
+        bg-slate-950
+        transition-all hover:scale-110 hover:shadow-md
+      "
+    >
+      <span className="font-bold text-xl">{todaysLecture?.name}</span>
+      <br />
+      <span className="text-slate-500">{courseName}</span>
+    </Link>
+  );
+}

nextjs/src/app/todaysLectures/TodaysLectures.tsx

@@ -0,0 +1,26 @@
+"use client";
+
+import { useLocalCoursesSettingsQuery } from "@/hooks/localCourse/localCoursesHooks";
+import OneCourseLectures from "./OneCourseLectures";
+import { SuspenseAndErrorHandling } from "@/components/SuspenseAndErrorHandling";
+import CourseContextProvider from "../course/[courseName]/context/CourseContextProvider";
+
+export default function TodaysLectures() {
+  const { data: 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) => (
+            <div key={settings.name} className="flex-shrink">
+              <CourseContextProvider localCourseName={settings.name}>
+                <OneCourseLectures />
+              </CourseContextProvider>
+            </div>
+          ))}
+        </SuspenseAndErrorHandling>
+      </div>
+    </div>
+  );
+}