import ExamCard7 from '@/components/cards/exam-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 { StudentExamProps } from '@/types/page'; import { Head, Link } from '@inertiajs/react'; import { ReactNode } from 'react'; import Layout from '../partials/layout'; import ExamAttempts from '../tabs-content/exam-attempts'; import ExamCertificate from '../tabs-content/exam-certificate'; import ExamResources from '../tabs-content/exam-resources'; import ExamResult from '../tabs-content/exam-result'; const Exam = (props: StudentExamProps) => { const { tab, exam, attempt, attempts, bestAttempt } = props; const tabs = [ // { // value: 'modules', // label: 'Modules', // }, // { // value: 'questions', // label: 'Questions', // }, { value: 'attempts', label: 'Attempts', }, { value: 'resources', label: 'Resources', }, { value: 'certificate', label: 'Certificate', }, ]; const renderContent = () => { switch (tab) { // case 'modules': // return ; // case 'questions': // return ; case 'attempts': return attempt ? : ; case 'resources': return ; case 'certificate': return ; default: return <>; } }; return ( <>
{tabs.map(({ label, value }) => { return ( {label} ); })}
{renderContent()}
); }; Exam.layout = (page: ReactNode) => ; export default Exam;