From c7040449dc831bb629984438bade9398efe21b1f Mon Sep 17 00:00:00 2001
From: rnemes <Robert.Nemes@morganstanley.com>
Date: Thu, 12 Dec 2024 09:59:23 +0100
Subject: [PATCH] Fixed entry status icon - status category mapping on webUI
 (#1160)

---
 doc/newsfragments/3170_changed.status_icon_xfail.rst | 1 +
 testplan/web_ui/testing/src/Nav/navUtils.js          | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)
 create mode 100644 doc/newsfragments/3170_changed.status_icon_xfail.rst

diff --git a/doc/newsfragments/3170_changed.status_icon_xfail.rst b/doc/newsfragments/3170_changed.status_icon_xfail.rst
new file mode 100644
index 000000000..cdebd5f0d
--- /dev/null
+++ b/doc/newsfragments/3170_changed.status_icon_xfail.rst
@@ -0,0 +1 @@
+Fixed an issue where enabling Status icons crashed the report when a test was marked as XFAIL.
\ No newline at end of file
diff --git a/testplan/web_ui/testing/src/Nav/navUtils.js b/testplan/web_ui/testing/src/Nav/navUtils.js
index 2662c523e..ec9a52418 100644
--- a/testplan/web_ui/testing/src/Nav/navUtils.js
+++ b/testplan/web_ui/testing/src/Nav/navUtils.js
@@ -12,6 +12,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import TagList from "./TagList";
 import Column from "./Column";
 import CommonStyles, { statusStyles } from "../Common/Styles.js";
+import { STATUS_CATEGORY } from "../Common/defaults.js";
 import { navStyles } from "../Common/Styles";
 import {
   generateURLWithParameters,
@@ -304,7 +305,7 @@ const GetStatusIcon = (status) => (
     <FontAwesomeIcon
       title={status}
       size="sm"
-      icon={statusStyles[status].icon}
+      icon={statusStyles[STATUS_CATEGORY[status]].icon}
       className={css(navStyles.icon)}
     />
   </span>