From 692fccb0d9ad9a7ea2fea85e5233647031e62a0f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Saquetim?=
 <1108771+megothss@users.noreply.github.com>
Date: Thu, 23 Jan 2025 20:06:15 -0300
Subject: [PATCH] DEV: Add outlets in the top/bottom rows of the category
 latest topic item (#30890)

---
 .../topic-list/latest-topic-list-item.gjs     | 55 ++++++++++++-------
 1 file changed, 34 insertions(+), 21 deletions(-)

diff --git a/app/assets/javascripts/discourse/app/components/topic-list/latest-topic-list-item.gjs b/app/assets/javascripts/discourse/app/components/topic-list/latest-topic-list-item.gjs
index fa45c301f3e..1e1a5d14bca 100644
--- a/app/assets/javascripts/discourse/app/components/topic-list/latest-topic-list-item.gjs
+++ b/app/assets/javascripts/discourse/app/components/topic-list/latest-topic-list-item.gjs
@@ -62,22 +62,32 @@ export default class LatestTopicListItem extends Component {
 
       <div class="main-link">
         <div class="top-row">
-          <TopicStatus @topic={{@topic}} @context="topic-list" />
+          <PluginOutlet
+            @name="latest-topic-list-item-main-link-top-row"
+            @outletArgs={{hash topic=@topic}}
+          >
+            <TopicStatus @topic={{@topic}} @context="topic-list" />
 
-          {{topicLink @topic}}
-          {{~#if @topic.featured_link}}
-            &nbsp;{{topicFeaturedLink @topic}}
-          {{/if~}}
-          <TopicPostBadges
-            @unreadPosts={{@topic.unread_posts}}
-            @unseen={{@topic.unseen}}
-            @url={{@topic.lastUnreadUrl}}
-          />
+            {{topicLink @topic}}
+            {{~#if @topic.featured_link}}
+              &nbsp;{{topicFeaturedLink @topic}}
+            {{/if~}}
+            <TopicPostBadges
+              @unreadPosts={{@topic.unread_posts}}
+              @unseen={{@topic.unseen}}
+              @url={{@topic.lastUnreadUrl}}
+            />
+          </PluginOutlet>
         </div>
 
         <div class="bottom-row">
-          {{categoryLink @topic.category~}}
-          {{~discourseTags @topic mode="list"}}
+          <PluginOutlet
+            @name="latest-topic-list-item-main-link-bottom-row"
+            @outletArgs={{hash topic=@topic}}
+          >
+            {{categoryLink @topic.category~}}
+            {{~discourseTags @topic mode="list"}}
+          </PluginOutlet>
           <PluginOutlet
             @name="below-latest-topic-list-item-bottom-row"
             @connectorTagName="span"
@@ -92,15 +102,18 @@ export default class LatestTopicListItem extends Component {
           @connectorTagName="div"
           @outletArgs={{hash topic=@topic}}
         />
-
-        <ItemRepliesCell @topic={{@topic}} @tagName="div" />
-
-        <div class="topic-last-activity">
-          <a
-            href={{@topic.lastPostUrl}}
-            title={{@topic.bumpedAtTitle}}
-          >{{formatDate @topic.bumpedAt format="tiny" noTitle="true"}}</a>
-        </div>
+        <PluginOutlet
+          @name="latest-topic-list-item-topic-stats"
+          @outletArgs={{hash topic=@topic}}
+        >
+          <ItemRepliesCell @topic={{@topic}} @tagName="div" />
+          <div class="topic-last-activity">
+            <a
+              href={{@topic.lastPostUrl}}
+              title={{@topic.bumpedAtTitle}}
+            >{{formatDate @topic.bumpedAt format="tiny" noTitle="true"}}</a>
+          </div>
+        </PluginOutlet>
       </div>
     </div>
   </template>