From 8213267f0b76d5de70fdc564537cb49f1918eaba Mon Sep 17 00:00:00 2001
From: Tom <20648924+moT01@users.noreply.github.com>
Date: Thu, 6 Nov 2025 13:46:13 -0600
Subject: [PATCH] feat(client): add alert if qualified for exam (#63607)

---
 client/src/templates/Challenges/exam-download/show.css | 4 ++++
 client/src/templates/Challenges/exam-download/show.tsx | 7 ++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/client/src/templates/Challenges/exam-download/show.css b/client/src/templates/Challenges/exam-download/show.css
index 8492d0bce7a..23b80e55af6 100644
--- a/client/src/templates/Challenges/exam-download/show.css
+++ b/client/src/templates/Challenges/exam-download/show.css
@@ -2,3 +2,7 @@
   display: flex;
   flex-direction: column;
 }
+
+.exam-qualified p:last-of-type {
+  margin-bottom: 0;
+}
diff --git a/client/src/templates/Challenges/exam-download/show.tsx b/client/src/templates/Challenges/exam-download/show.tsx
index f220fad4542..ae5e9990317 100644
--- a/client/src/templates/Challenges/exam-download/show.tsx
+++ b/client/src/templates/Challenges/exam-download/show.tsx
@@ -3,6 +3,7 @@ import { graphql } from 'gatsby';
 import Helmet from 'react-helmet';
 import {
   Button,
+  Callout,
   Dropdown,
   MenuItem,
   Spacer,
@@ -199,10 +200,14 @@ function ShowExamDownload({
               {title}
             </ChallengeTitle>
             <Spacer size='m' />
-            {!!missingPrerequisites.length && (
+            {missingPrerequisites.length > 0 ? (
               <MissingPrerequisites
                 missingPrerequisites={missingPrerequisites}
               />
+            ) : (
+              <Callout className='exam-qualified' variant='info'>
+                <p>{t('learn.exam.qualified')}</p>
+              </Callout>
             )}
             <h2>{t('exam.download-header')}</h2>
             <p>{t('exam.explanation')}</p>