diff --git a/frontends/mit-open/src/components/RootTopicIcon/RootTopicIcon.test.tsx b/frontends/mit-open/src/components/RootTopicIcon/RootTopicIcon.test.tsx index a229a51b7a..131c718420 100644 --- a/frontends/mit-open/src/components/RootTopicIcon/RootTopicIcon.test.tsx +++ b/frontends/mit-open/src/components/RootTopicIcon/RootTopicIcon.test.tsx @@ -10,7 +10,7 @@ describe("TopicIcon", () => { * at least make sure we have an icon for each of them. */ test.each(rootTopicNames)("Root topics all have an icon", (name) => { - expect(rootTopicNames.length).toBe(11) + expect(rootTopicNames.length).toBe(12) render() const svg = document.querySelector("svg") expect(svg).toBeVisible() diff --git a/frontends/mit-open/src/components/RootTopicIcon/RootTopicIcon.tsx b/frontends/mit-open/src/components/RootTopicIcon/RootTopicIcon.tsx index 1a1c431a0d..0ac7b59afb 100644 --- a/frontends/mit-open/src/components/RootTopicIcon/RootTopicIcon.tsx +++ b/frontends/mit-open/src/components/RootTopicIcon/RootTopicIcon.tsx @@ -15,17 +15,18 @@ import React from "react" /* TODO Using any icons until we have a solution for specifying them */ export const ICON_MAP = { - Business: RiBriefcase3Line, - Energy: RiLightbulbFlashLine, - Engineering: RiRobot2Line, - "Fine Arts": RiPaletteLine, - "Health and Medicine": RiStethoscopeLine, + "Business & Management": RiBriefcase3Line, + "Energy, Climate & Sustainability": RiLightbulbFlashLine, + "Data Science, Analytics & Computer Technology": RiRobot2Line, + "Art, Design & Architecture": RiPaletteLine, + "Health & Medicine": RiStethoscopeLine, Humanities: RiQuillPenLine, Mathematics: RiInfinityLine, - Science: RiTestTubeLine, - "Social Science": RiUserSearchLine, + "Science & Math": RiTestTubeLine, + "Social Sciences": RiUserSearchLine, Society: RiEarthLine, - "Teaching and Education": RiShakeHandsLine, + "Education & Teaching": RiShakeHandsLine, + Engineering: RiRobot2Line, } type RootTopicIconProps = { name: string }