60 lines
1.6 KiB
TypeScript
60 lines
1.6 KiB
TypeScript
import { Meta, StoryObj } from '@storybook/react';
|
|
import CalendarGrid from 'src/views/components/calendar/CalendarGrid/CalendarGrid';
|
|
import { getCourseColors } from 'src/shared/util/colors';
|
|
import { CalendarGridCourse } from 'src/views/hooks/useFlattenedCourseSchedule';
|
|
import { Status } from 'src/shared/types/Course';
|
|
|
|
const meta = {
|
|
title: 'Components/Common/Calendar',
|
|
component: Calendar,
|
|
parameters: {
|
|
// Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
|
|
layout: 'centered',
|
|
tags: ['autodocs'],
|
|
},
|
|
tags: ['autodocs'],
|
|
argTypes: {
|
|
saturdayClass: { control: 'boolean' },
|
|
},
|
|
} satisfies Meta<typeof CalendarGrid>;
|
|
export default meta;
|
|
|
|
const testData: CalendarGridCourse[] = [
|
|
{
|
|
calendarGridPoint: {
|
|
dayIndex: 0,
|
|
startIndex: 1,
|
|
endIndex: 2,
|
|
},
|
|
componentProps: {
|
|
courseDeptAndInstr: 'Course 1',
|
|
timeAndLocation: '9:00 AM - 10:00 AM, Room 101',
|
|
status: Status.OPEN,
|
|
colors: getCourseColors('emerald', 500),
|
|
},
|
|
},
|
|
{
|
|
calendarGridPoint: {
|
|
dayIndex: 1,
|
|
startIndex: 2,
|
|
endIndex: 3,
|
|
},
|
|
componentProps: {
|
|
courseDeptAndInstr: 'Course 2',
|
|
timeAndLocation: '10:00 AM - 11:00 AM, Room 102',
|
|
status: Status.CLOSED,
|
|
colors: getCourseColors('emerald', 500),
|
|
},
|
|
},
|
|
// add more data as needed
|
|
];
|
|
|
|
type Story = StoryObj<typeof meta>;
|
|
|
|
export const Default: Story = {
|
|
args: {
|
|
saturdayClass: true,
|
|
courseCells: testData,
|
|
},
|
|
};
|