import CourseCard7 from '@/components/cards/course-card-7'; import Tabs from '@/components/tabs'; import { Card } from '@/components/ui/card'; import { Separator } from '@/components/ui/separator'; import { TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; import { StudentCourseProps } from '@/types/page'; import { Head, Link } from '@inertiajs/react'; import { ReactNode } from 'react'; import Layout from './partials/layout'; import CourseAssignments from './tabs-content/course-assignments'; import CourseCertificate from './tabs-content/course-certificate'; import CourseLiveClasses from './tabs-content/course-live-classes'; import CourseModules from './tabs-content/course-modules'; import CourseQuizzes from './tabs-content/course-quizzes'; import CourseResources from './tabs-content/course-resources'; const Course = (props: StudentCourseProps) => { const { tab, course, watchHistory, completion } = props; const tabs = [ { value: 'modules', label: 'Module', }, { value: 'live_classes', label: 'Live-Sitzungen', }, { value: 'assignments', label: 'Aufgaben', }, { value: 'quizzes', label: 'Quizze', }, { value: 'resources', label: 'Ressourcen', }, { value: 'certificate', label: 'Zertifikat', }, ]; const renderContent = () => { switch (tab) { case 'modules': return ; case 'live_classes': return ; case 'assignments': return ; case 'quizzes': return ; case 'resources': return ; case 'certificate': return ; default: return <>; } }; return ( <>
{tabs.map(({ label, value }) => { return ( {label} ); })}
{renderContent()}
); }; Course.layout = (page: ReactNode) => ; export default Course;