29247d5dfa
* docs: add jsdoc * feat: change enums to as const objects * chore(test): add themeColors.test.ts * fix: fix tests and bugs with strings.ts util * fix: path alias imports and tsconfig file bug * fix: remove --max-warnings 0
36 lines
1.4 KiB
TypeScript
36 lines
1.4 KiB
TypeScript
import Popup from '@views/components/common/Popup/Popup';
|
|
import React from 'react';
|
|
import type { Course } from 'src/shared/types/Course';
|
|
import type { UserSchedule } from 'src/shared/types/UserSchedule';
|
|
|
|
import Description from './Description';
|
|
import GradeDistribution from './GradeDistribution';
|
|
import HeadingAndActions from './HeadingAndActions';
|
|
|
|
interface CourseCatalogInjectedPopupProps {
|
|
course: Course;
|
|
activeSchedule?: UserSchedule;
|
|
onClose: () => void;
|
|
}
|
|
|
|
/**
|
|
* CourseCatalogInjectedPopup component displays a popup with course details.
|
|
*
|
|
* @component
|
|
* @param {CourseCatalogInjectedPopupProps} props - The component props.
|
|
* @param {Course} props.course - The course object containing course details.
|
|
* @param {Schedule} props.activeSchedule - The active schedule object.
|
|
* @param {Function} props.onClose - The function to close the popup.
|
|
* @returns {JSX.Element} The CourseCatalogInjectedPopup component.
|
|
*/
|
|
const CourseCatalogInjectedPopup: React.FC<CourseCatalogInjectedPopupProps> = ({ course, activeSchedule, onClose }) => (
|
|
<Popup overlay className='max-w-[780px] px-6' onClose={onClose}>
|
|
<div className='flex flex-col'>
|
|
<HeadingAndActions course={course} onClose={onClose} activeSchedule={activeSchedule} />
|
|
<Description lines={course.description} />
|
|
<GradeDistribution course={course} />
|
|
</div>
|
|
</Popup>
|
|
);
|
|
export default CourseCatalogInjectedPopup;
|