diff --git a/src/stories/components/CalendarCourseCell.stories.tsx b/src/stories/components/CalendarCourseCell.stories.tsx index cb68081d..ac8544b6 100644 --- a/src/stories/components/CalendarCourseCell.stories.tsx +++ b/src/stories/components/CalendarCourseCell.stories.tsx @@ -56,7 +56,7 @@ export const Default: Story = { schedule: new CourseSchedule({ meetings: [ new CourseMeeting({ - days: [DAY_MAP.M, DAY_MAP.W, DAY_MAP.F], + days: [DAY_MAP.MON, DAY_MAP.WED, DAY_MAP.FRI], startTime: 480, endTime: 570, location: { diff --git a/src/views/components/common/CalendarCourseCell/CalendarCourseCell.tsx b/src/views/components/common/CalendarCourseCell/CalendarCourseCell.tsx index 1afb1b60..5aa8f505 100644 --- a/src/views/components/common/CalendarCourseCell/CalendarCourseCell.tsx +++ b/src/views/components/common/CalendarCourseCell/CalendarCourseCell.tsx @@ -6,7 +6,7 @@ import WaitlistIcon from '~icons/material-symbols/timelapse'; import CancelledIcon from '~icons/material-symbols/warning'; import Text from '../Text/Text'; -export interface CalendarCourseCellProps { +export interface CalendarCourseBlockProps { /** The Course that the meeting is for. */ course: Course; /* index into course meeting array to display */ @@ -15,7 +15,7 @@ export interface CalendarCourseCellProps { color: string; } -const CalendarCourseCell: React.FC = ({ course, meetingIdx }: CalendarCourseCellProps) => { +const CalendarCourseBlock: React.FC = ({ course, meetingIdx }: CalendarCourseBlockProps) => { let meeting: CourseMeeting | null = meetingIdx !== undefined ? course.schedule.meetings[meetingIdx] : null; let rightIcon: React.ReactNode | null = null; if (status === Status.WAITLISTED) { @@ -60,4 +60,4 @@ const CalendarCourseCell: React.FC = ({ course, meeting ); }; -export default CalendarCourseCell; +export default CalendarCourseBlock; diff --git a/src/views/components/common/CalendarGrid/CalendarGrid.tsx b/src/views/components/common/CalendarGrid/CalendarGrid.tsx index 4dbd06c9..3d83ef9a 100644 --- a/src/views/components/common/CalendarGrid/CalendarGrid.tsx +++ b/src/views/components/common/CalendarGrid/CalendarGrid.tsx @@ -2,9 +2,7 @@ import React from 'react'; import { DAY_MAP } from 'src/shared/types/CourseMeeting'; import styles from './CalendarGrid.module.scss'; import CalendarCell from '../CalendarGridCell/CalendarGridCell'; -import CalendarCourseCell from '../CalendarCourseCell/CalendarCourseCell'; -import { Chip } from '../Chip/Chip'; - +import { CourseMeeting } from 'src/shared/types/CourseMeeting'; const daysOfWeek = Object.keys(DAY_MAP).filter(key => !['S', 'SU'].includes(key)); const hoursOfDay = Array.from({ length: 14 }, (_, index) => index + 8); @@ -24,14 +22,14 @@ for (let i = 0; i < 13; i++) { } interface Props { - courseCells: typeof CalendarCourseCell[]; + CourseMeetingBlocks: CourseMeeting[]; } /** * Grid of CalendarGridCell components forming the user's course schedule calendar view * @param props */ -export function Calendar({ courseCells }: React.PropsWithChildren): JSX.Element { +export function Calendar({ courseMeetingBlocks }: React.PropsWithChildren): JSX.Element { return (
@@ -56,16 +54,12 @@ export function Calendar({ courseCells }: React.PropsWithChildren): JSX.E {day}
))} - {grid.map((row) => row)} + {grid.map((row, rowIndex) => row)} - {courseCells.map((Block: typeof CalendarCourseCell) => ( -
- + {courseMeetingBlocks.map((block: CourseMeeting, index: number) => ( +
+ {block}
))}