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")}
}