diff --git a/apps/antalmanac/src/components/RightPane/AddedCourses/AddedCoursePane.tsx b/apps/antalmanac/src/components/RightPane/AddedCourses/AddedCoursePane.tsx index e56f8f65c..83f8e7776 100644 --- a/apps/antalmanac/src/components/RightPane/AddedCourses/AddedCoursePane.tsx +++ b/apps/antalmanac/src/components/RightPane/AddedCourses/AddedCoursePane.tsx @@ -303,11 +303,14 @@ function SkeletonSchedule() { }, []); const sectionsByTerm: [string, string[]][] = useMemo(() => { - const result = skeletonSchedule.courses.reduce((accumulated, course) => { - accumulated[course.term] ??= []; - accumulated[course.term].push(course.sectionCode); - return accumulated; - }, {} as Record); + const result = skeletonSchedule.courses.reduce( + (accumulated, course) => { + accumulated[course.term] ??= []; + accumulated[course.term].push(course.sectionCode); + return accumulated; + }, + {} as Record + ); return Object.entries(result); }, [skeletonSchedule.courses]); @@ -403,6 +406,13 @@ function AddedSectionsGrid() { return scheduleNames[scheduleIndex]; }, [scheduleNames, scheduleIndex]); + // "No Courses Added Yet!" notification + const NoCoursesBox = ( + + No Courses Added Yet! + + ); + return ( @@ -412,6 +422,7 @@ function AddedSectionsGrid() { {`${scheduleName} (${scheduleUnits} Units)`} + {courses.length < 1 ? NoCoursesBox : null} {courses.map((course) => { return (