no prefetch prevents blank page

This commit is contained in:
2024-11-19 10:46:38 -07:00
parent 594573879e
commit e2eb63660d
5 changed files with 12 additions and 4 deletions

View File

@@ -8,7 +8,7 @@ import {
lectureToString, lectureToString,
parseLecture, parseLecture,
} from "@/services/fileStorage/utils/lectureUtils"; } from "@/services/fileStorage/utils/lectureUtils";
import { useCallback, useEffect, useState } from "react"; import { useEffect, useState } from "react";
import LecturePreview from "./LecturePreview"; import LecturePreview from "./LecturePreview";
import EditLectureTitle from "./EditLectureTitle"; import EditLectureTitle from "./EditLectureTitle";
import LectureButtons from "./LectureButtons"; import LectureButtons from "./LectureButtons";

View File

@@ -3,6 +3,7 @@ import {
getDateFromStringOrThrow, getDateFromStringOrThrow,
getDateOnlyMarkdownString, getDateOnlyMarkdownString,
} from "@/models/local/utils/timeUtils"; } from "@/models/local/utils/timeUtils";
export const dynamic = "force-dynamic";
export default async function page({ export default async function page({
params, params,

View File

@@ -4,7 +4,6 @@ import LecturePreview from "../LecturePreview";
import { getCourseUrl, getLectureUrl } from "@/services/urlUtils"; import { getCourseUrl, getLectureUrl } from "@/services/urlUtils";
import { useCourseContext } from "../../../context/courseContext"; import { useCourseContext } from "../../../context/courseContext";
import Link from "next/link"; import Link from "next/link";
import { trpc } from "@/services/serverFunctions/trpcClient";
import { useLecturesSuspenseQuery } from "@/hooks/localCourse/lectureHooks"; import { useLecturesSuspenseQuery } from "@/hooks/localCourse/lectureHooks";
export default function LecturePreviewPage({ export default function LecturePreviewPage({
@@ -17,6 +16,7 @@ export default function LecturePreviewPage({
const lecture = weeks const lecture = weeks
.flatMap(({ lectures }) => lectures.map((lecture) => lecture)) .flatMap(({ lectures }) => lectures.map((lecture) => lecture))
.find((l) => l.date === lectureDay); .find((l) => l.date === lectureDay);
console.log(lecture);
if (!lecture) { if (!lecture) {
return <div>lecture not found for day</div>; return <div>lecture not found for day</div>;

View File

@@ -3,6 +3,7 @@ import {
getDateOnlyMarkdownString, getDateOnlyMarkdownString,
} from "@/models/local/utils/timeUtils"; } from "@/models/local/utils/timeUtils";
import LecturePreviewPage from "./LecturePreviewPage"; import LecturePreviewPage from "./LecturePreviewPage";
export const dynamic = "force-dynamic";
export default async function Page({ export default async function Page({
params, params,
@@ -11,12 +12,16 @@ export default async function Page({
}) { }) {
const { lectureDay } = await params; const { lectureDay } = await params;
const decodedLectureDay = decodeURIComponent(lectureDay); const decodedLectureDay = decodeURIComponent(lectureDay);
console.log(decodedLectureDay);
const lectureDate = getDateFromStringOrThrow( const lectureDate = getDateFromStringOrThrow(
decodedLectureDay, decodedLectureDay,
"lecture day in lecture page" "lecture day in lecture page"
); );
const lectureDayOnly = getDateOnlyMarkdownString(lectureDate); const lectureDayOnly = getDateOnlyMarkdownString(lectureDate);
console.log(lectureDayOnly);
return <LecturePreviewPage lectureDay={lectureDayOnly} />; return (
<>
<LecturePreviewPage lectureDay={lectureDayOnly} />
</>
);
} }

View File

@@ -19,6 +19,8 @@ export default function OneCourseLectures() {
return ( return (
<Link <Link
href={getLecturePreviewUrl(courseName, dayAsString)} href={getLecturePreviewUrl(courseName, dayAsString)}
shallow={true}
prefetch={false}
className=" className="
border-4 rounded-lg border-slate-500 border-4 rounded-lg border-slate-500
px-3 py-1 m-3 block text-end px-3 py-1 m-3 block text-end