diff --git a/services/course-material/src/components/exams/ExamStartBanner.tsx b/services/course-material/src/components/exams/ExamStartBanner.tsx index a2bd0e043163..030c1fdfadf2 100644 --- a/services/course-material/src/components/exams/ExamStartBanner.tsx +++ b/services/course-material/src/components/exams/ExamStartBanner.tsx @@ -2,20 +2,21 @@ import { css } from "@emotion/css" import React, { useState } from "react" import { useTranslation } from "react-i18next" +import { ExamEnrollmentData } from "../../shared-module/bindings" import Button from "../../shared-module/components/Button" import { baseTheme } from "../../shared-module/styles" export interface ExamInstructionsProps { onStart: () => Promise - canStartExam: boolean examHasStarted: boolean examHasEnded: boolean timeMinutes: number + examEnrollmentData: ExamEnrollmentData } const ExamStartBanner: React.FC> = ({ onStart, - canStartExam, + examEnrollmentData, examHasStarted, examHasEnded, timeMinutes, @@ -69,15 +70,24 @@ const ExamStartBanner: React.FC> > {children}

- {!canStartExam &&

{t("you-are-not-eligible-for-taking-this-exam")}

} + {examEnrollmentData.tag === "NotEnrolled" && !examEnrollmentData.can_enroll && ( +

{t("message-you-have-not-met-the-requirements-for-taking-this-exam")}

+ )} + {!examHasStarted && !examHasEnded &&

{t("message-the-exam-has-not-started-yet")}

}