8a6e9070e0
* 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
37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
import clsx from 'clsx';
|
|
import React from 'react';
|
|
import type { Course } from 'src/shared/types/Course';
|
|
|
|
import Text from '../Text/Text';
|
|
|
|
/**
|
|
* Props for ConflictWithWarningProps
|
|
*/
|
|
export interface ConflictsWithWarningProps {
|
|
className?: string;
|
|
conflicts: Course[];
|
|
}
|
|
|
|
/**
|
|
* The ConflictsWithWarning component is used to display a warning message when a course conflicts
|
|
* with another course as part of the labels and details section
|
|
*
|
|
* @param props ConflictsWithWarningProps
|
|
*/
|
|
export default function ConflictsWithWarning({ className, conflicts }: ConflictsWithWarningProps): JSX.Element {
|
|
return (
|
|
<Text
|
|
variant='mini'
|
|
className={clsx(
|
|
className,
|
|
'min-w-21 w-21 flex flex-col items-start gap-2.5 rounded bg-[#AF2E2D] p-2.5 text-white'
|
|
)}
|
|
>
|
|
<div>Conflicts With:</div>
|
|
{conflicts.map(course => (
|
|
<div>{`${course.department} ${course.number} (${course.uniqueId})`}</div>
|
|
))}
|
|
</Text>
|
|
);
|
|
}
|