This commit is contained in:
Rao 2025-02-25 19:08:44 +08:00
commit 7597018c2e
2 changed files with 4 additions and 4 deletions

View File

@ -41,7 +41,7 @@ export default function CourseCard({ course }: CourseCardProps) {
}> }>
<div className="px-4"> <div className="px-4">
<div className="flex gap-2 mb-4"> <div className="flex gap-2 mb-4">
{course.terms.map((term) => { {course?.terms?.map((term) => {
return ( return (
<Tag <Tag
key={term.id} key={term.id}
@ -85,7 +85,7 @@ export default function CourseCard({ course }: CourseCardProps) {
<TeamOutlined className="text-blue-500 text-lg transform group-hover:scale-110 transition-transform duration-300" /> <TeamOutlined className="text-blue-500 text-lg transform group-hover:scale-110 transition-transform duration-300" />
<div className="ml-2 flex items-center flex-grow"> <div className="ml-2 flex items-center flex-grow">
<Text className="font-medium text-blue-500 hover:text-blue-600 transition-colors duration-300 truncate max-w-[120px]"> <Text className="font-medium text-blue-500 hover:text-blue-600 transition-colors duration-300 truncate max-w-[120px]">
{(course.depts.map((depts)=>depts.name))} {(course?.depts?.map((depts)=>depts.name))}
{/* {course?.depts?.[0]?.name} */} {/* {course?.depts?.[0]?.name} */}
</Text> </Text>
</div> </div>

View File

@ -123,8 +123,8 @@ const CoursesSection: React.FC<CoursesSectionProps> = ({
{isDataLoading ? ( {isDataLoading ? (
<Spin className="m-3" /> <Spin className="m-3" />
) : ( ) : (
displayedCourses?.map((course) => ( displayedCourses?.map((course,index) => (
<CourseCard course={course}></CourseCard> <CourseCard course={course} key={index}></CourseCard>
)) ))
)} )}
</div> </div>