From 13b9493bf00b2f101e6ceff9b1f5255f7f11b1b4 Mon Sep 17 00:00:00 2001
From: Gabriel Grubba <70247653+Grubba27@users.noreply.github.com>
Date: Fri, 3 Jan 2025 08:18:57 -0500
Subject: [PATCH] DEV: Add subcategories with featured topics list plugin
 outlet (#30538)

This adds plugin outlets for mobile and desktop views of the subcategories with featured topics list.
---
 .../subcategories-with-featured-topics.hbs    | 84 +++++++++++--------
 1 file changed, 47 insertions(+), 37 deletions(-)

diff --git a/app/assets/javascripts/discourse/app/components/subcategories-with-featured-topics.hbs b/app/assets/javascripts/discourse/app/components/subcategories-with-featured-topics.hbs
index 4d2688a3f12..b8ef0f7917c 100644
--- a/app/assets/javascripts/discourse/app/components/subcategories-with-featured-topics.hbs
+++ b/app/assets/javascripts/discourse/app/components/subcategories-with-featured-topics.hbs
@@ -1,43 +1,53 @@
 {{#each this.categories as |category|}}
   {{#if this.site.mobileView}}
-    <div class="category-list subcategory-list with-topics">
-      <div class="parent-category">
-        <CategoryTitleLink @category={{category}} />
-        <span class="stat" title={{category.statTitle}}>{{html-safe
-            category.stat
-          }}</span>
+    <PluginOutlet
+      @name="mobile-subcategories-with-featured-topics-list"
+      @outletArgs={{hash category=category}}
+    >
+      <div class="category-list subcategory-list with-topics">
+        <div class="parent-category">
+          <CategoryTitleLink @category={{category}} />
+          <span class="stat" title={{category.statTitle}}>{{html-safe
+              category.stat
+            }}</span>
+        </div>
+        <div class="subcategories">
+          {{#each category.serializedSubcategories as |subCategory|}}
+            <ParentCategoryRow @category={{subCategory}} @showTopics={{true}} />
+          {{else}}
+            {{! No subcategories... so just show the parent to avoid confusion }}
+            <ParentCategoryRow @category={{category}} @showTopics={{true}} />
+          {{/each}}
+        </div>
       </div>
-      <div class="subcategories">
-        {{#each category.serializedSubcategories as |subCategory|}}
-          <ParentCategoryRow @category={{subCategory}} @showTopics={{true}} />
-        {{else}}
-          {{! No subcategories... so just show the parent to avoid confusion }}
-          <ParentCategoryRow @category={{category}} @showTopics={{true}} />
-        {{/each}}
-      </div>
-    </div>
+    </PluginOutlet>
   {{else}}
-    <table class="category-list subcategory-list with-topics">
-      <thead>
-        <tr>
-          <th class="parent-category">
-            <CategoryTitleLink @category={{category}} />
-            <span class="stat" title={{category.statTitle}}>{{html-safe
-                category.stat
-              }}</span>
-          </th>
-          <th class="topics">{{i18n "categories.topics"}}</th>
-          <th class="latest">{{i18n "categories.latest"}}</th>
-        </tr>
-      </thead>
-      <tbody aria-labelledby="categories-only-category">
-        {{#each category.serializedSubcategories as |subCategory|}}
-          <ParentCategoryRow @category={{subCategory}} @showTopics={{true}} />
-        {{else}}
-          {{! No subcategories... so just show the parent to avoid confusion }}
-          <ParentCategoryRow @category={{category}} @showTopics={{true}} />
-        {{/each}}
-      </tbody>
-    </table>
+    <PluginOutlet
+      @name="subcategories-with-featured-topics-list"
+      @outletArgs={{hash category=category}}
+    >
+      <table class="category-list subcategory-list with-topics">
+        <thead>
+          <tr>
+            <th class="parent-category">
+              <CategoryTitleLink @category={{category}} />
+              <span class="stat" title={{category.statTitle}}>{{html-safe
+                  category.stat
+                }}</span>
+            </th>
+            <th class="topics">{{i18n "categories.topics"}}</th>
+            <th class="latest">{{i18n "categories.latest"}}</th>
+          </tr>
+        </thead>
+        <tbody aria-labelledby="categories-only-category">
+          {{#each category.serializedSubcategories as |subCategory|}}
+            <ParentCategoryRow @category={{subCategory}} @showTopics={{true}} />
+          {{else}}
+            {{! No subcategories... so just show the parent to avoid confusion }}
+            <ParentCategoryRow @category={{category}} @showTopics={{true}} />
+          {{/each}}
+        </tbody>
+      </table>
+    </PluginOutlet>
   {{/if}}
 {{/each}}
\ No newline at end of file