30 lines
693 B
TypeScript
30 lines
693 B
TypeScript
|
import { CheckCircleIcon } from "@heroicons/react/24/outline";
|
||
|
|
import { Course } from "@nice/common";
|
||
|
|
import { motion } from "framer-motion";
|
||
|
|
import React from "react";
|
||
|
|
import CourseDetailSkeleton from "../CourseDetailSkeleton";
|
||
|
|
import CourseDetailNavBar from "./CourseDetailNavBar";
|
||
|
|
interface CourseDetailProps {
|
||
|
|
course: Course;
|
||
|
|
isLoading: boolean;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const CourseDetailDescription: React.FC<CourseDetailProps> = ({
|
||
|
|
course,
|
||
|
|
isLoading,
|
||
|
|
}) => {
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<CourseDetailNavBar></CourseDetailNavBar>
|
||
|
|
|
||
|
|
<div className="w-[80%] mx-auto px-4 py-8">
|
||
|
|
{isLoading || !course ? (
|
||
|
|
<CourseDetailSkeleton />
|
||
|
|
) : (
|
||
|
|
<CourseDetailSkeleton />
|
||
|
|
)}
|
||
|
|
</div>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
};
|