UX: Show grandparent category badge in sticky header on desktop (#13184)

UX: Show grandparent category badge in sticky header on desktop (#13184)

diff --git a/app/assets/javascripts/discourse/app/widgets/header-topic-info.js b/app/assets/javascripts/discourse/app/widgets/header-topic-info.js
index 3a8b180..b3264a0 100644
--- a/app/assets/javascripts/discourse/app/widgets/header-topic-info.js
+++ b/app/assets/javascripts/discourse/app/widgets/header-topic-info.js
@@ -126,6 +126,18 @@ export default createWidget("header-topic-info", {
         const parentCategory = category.get("parentCategory");
         const categories = [];
         if (parentCategory) {
+          if (
+            this.siteSettings.max_category_nesting > 2 &&
+            !this.site.mobileView
+          ) {
+            const grandParentCategory = parentCategory.get("parentCategory");
+            if (grandParentCategory) {
+              categories.push(
+                this.attach("category-link", { category: grandParentCategory })
+              );
+            }
+          }
+
           categories.push(
             this.attach("category-link", { category: parentCategory })
           );

GitHub sha: bcbb5b4d

This commit appears in #13184 which was approved by eviltrout. It was merged by pmusaraj.