From 95a5cac3f5d314b01d13c8bc7da439befba83e1c Mon Sep 17 00:00:00 2001
From: Jon Kafton <939376+jonkafton@users.noreply.github.com>
Date: Mon, 30 Jun 2025 19:59:59 +0200
Subject: [PATCH] Display certificate type on list cards

---
 .../LearningResourceListCard.test.tsx               | 13 +++++++++++++
 .../LearningResourceListCard.tsx                    |  2 +-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/frontends/ol-components/src/components/LearningResourceCard/LearningResourceListCard.test.tsx b/frontends/ol-components/src/components/LearningResourceCard/LearningResourceListCard.test.tsx
index 2d1c85d98c..4fe6725567 100644
--- a/frontends/ol-components/src/components/LearningResourceCard/LearningResourceListCard.test.tsx
+++ b/frontends/ol-components/src/components/LearningResourceCard/LearningResourceListCard.test.tsx
@@ -154,6 +154,19 @@ describe("Learning Resource List Card", () => {
     screen.getByText("Certificate")
   })
 
+  test("Displays certificate type", () => {
+    const resource = factories.learningResources.resource({
+      certification: true,
+      certification_type: {
+        name: "Test Certificate",
+      },
+    })
+
+    setup({ resource })
+
+    screen.getByText("Test Certificate")
+  })
+
   test("Does not display certificate badge", () => {
     const resource = factories.learningResources.resource({
       certification: false,
diff --git a/frontends/ol-components/src/components/LearningResourceCard/LearningResourceListCard.tsx b/frontends/ol-components/src/components/LearningResourceCard/LearningResourceListCard.tsx
index 64812a6cb7..2d145969ae 100644
--- a/frontends/ol-components/src/components/LearningResourceCard/LearningResourceListCard.tsx
+++ b/frontends/ol-components/src/components/LearningResourceCard/LearningResourceListCard.tsx
@@ -120,7 +120,7 @@ const Info = ({ resource }: { resource: LearningResource }) => {
         <Certificate>
           <RiAwardFill />
           <CertificateText>
-            Certificate
+            {resource.certification_type?.name || "Certificate"}
             <CertificatePrice>
               {prices.certificate.display ? ": " : ""}{" "}
               {prices.certificate.display}