From 447325818960ced6391361452fffd075813bb7e2 Mon Sep 17 00:00:00 2001
From: Tom <20648924+moT01@users.noreply.github.com>
Date: Thu, 6 Nov 2025 05:02:32 -0600
Subject: [PATCH] fix(client): new chapter icons for v9 certs (#63587)

---
 client/src/assets/chapter-icon.tsx | 11 ++++++++++-
 shared/config/chapters.ts          | 24 +++++++++++++++++++-----
 2 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/client/src/assets/chapter-icon.tsx b/client/src/assets/chapter-icon.tsx
index 8362f4ece46..5d9fc02bc73 100644
--- a/client/src/assets/chapter-icon.tsx
+++ b/client/src/assets/chapter-icon.tsx
@@ -20,7 +20,16 @@ const iconMap = {
   [FsdChapters.RelationalDatabases]: DatabaseIcon,
   [FsdChapters.BackendJavascript]: NodeIcon,
   [FsdChapters.Python]: Python,
-  [FsdChapters.Career]: Graduation
+  [FsdChapters.Career]: Graduation,
+  [FsdChapters.RwdExam]: Graduation,
+  [FsdChapters.JsExam]: Graduation,
+  [FsdChapters.Fed]: ReactIcon,
+  [FsdChapters.FedExam]: Graduation,
+  [FsdChapters.PythonExam]: Graduation,
+  [FsdChapters.RdbExam]: Graduation,
+  [FsdChapters.Bed]: NodeIcon,
+  [FsdChapters.BedExam]: Graduation,
+  [FsdChapters.FsdExam]: Graduation
 };
 
 type ChapterIconProps = {
diff --git a/shared/config/chapters.ts b/shared/config/chapters.ts
index 6804242a89c..b41abe6ad09 100644
--- a/shared/config/chapters.ts
+++ b/shared/config/chapters.ts
@@ -2,15 +2,29 @@ import type { Module } from './modules';
 
 // TODO: Dynamically create these from intro.json or full-stack.json
 export enum FsdChapters {
+  // original FSD
   Welcome = 'freecodecamp',
-  Html = 'html',
-  Css = 'css',
   Javascript = 'javascript',
   FrontendLibraries = 'frontend-libraries',
-  Python = 'python',
-  RelationalDatabases = 'relational-databases',
   BackendJavascript = 'backend-javascript',
-  Career = 'career'
+  Career = 'career',
+
+  // new FSD
+  RwdExam = 'responsive-web-design-certification-exam',
+  JsExam = 'javascript-certification-exam',
+  Fed = 'front-end-development-libraries',
+  FedExam = 'front-end-development-libraries-certification-exam',
+  PythonExam = 'python-certification-exam',
+  RdbExam = 'relational-databases-certification-exam',
+  Bed = 'back-end-development-and-apis',
+  BedExam = 'back-end-development-and-apis-certification-exam',
+  FsdExam = 'certified-full-stack-developer-exam',
+
+  // used in both
+  Html = 'html',
+  Css = 'css',
+  Python = 'python',
+  RelationalDatabases = 'relational-databases'
 }
 
 export interface Chapter {