import CourseCard1 from '@/components/cards/course-card-1'; import RatingStars from '@/components/rating-stars'; import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'; import { Button } from '@/components/ui/button'; import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'; import LandingLayout from '@/layouts/landing-layout'; import { getQueryParams } from '@/lib/route'; import { SharedData } from '@/types/global'; import { Head, router, usePage } from '@inertiajs/react'; import { Book, Grid, List, Star, Users } from 'lucide-react'; import { ReactNode } from 'react'; interface InstructorPageProps extends SharedData { instructor: Instructor; } const Index = (props: InstructorPageProps) => { const { instructor, translate } = props; const { frontend, common } = translate; const { url } = usePage(); const urlParams = getQueryParams(url); const viewType = urlParams['view'] ?? 'grid'; const { id, user, courses, total_reviews_count, total_average_rating, total_enrollments_count } = instructor; return (

{/* Instructor Profile Card */}

{user.name.charAt(0)}

{user.name}

{user.email}

{total_average_rating ? Number(total_average_rating).toFixed(1) : 0}

{total_enrollments_count} {common.students}

{courses.length} {common.courses}

{total_reviews_count} {common.reviews}

{/* Course List Header */}

{frontend.all_courses}

{frontend.grid_view}

{frontend.list_view}

{courses.map((course) => ( ))}

); }; Index.layout = (page: ReactNode) => ; export default Index;