From 397ebea25cf4a12dcbafcb6ad050047fbbea7298 Mon Sep 17 00:00:00 2001
From: Amanda Alves Branquinho <amanda@discourse.org>
Date: Wed, 27 Nov 2024 20:02:15 -0300
Subject: [PATCH] DEV:Add plugin outlet for liked posts (#29899)

* DEV:Add plugin outlet for liked posts

* sort imports
---
 .../topic-map/topic-map-summary.gjs           | 50 +++++++++++--------
 1 file changed, 28 insertions(+), 22 deletions(-)

diff --git a/app/assets/javascripts/discourse/app/components/topic-map/topic-map-summary.gjs b/app/assets/javascripts/discourse/app/components/topic-map/topic-map-summary.gjs
index 019ce60de98..2a82cef830e 100644
--- a/app/assets/javascripts/discourse/app/components/topic-map/topic-map-summary.gjs
+++ b/app/assets/javascripts/discourse/app/components/topic-map/topic-map-summary.gjs
@@ -7,6 +7,7 @@ import { service } from "@ember/service";
 import { htmlSafe } from "@ember/template";
 import ConditionalLoadingSpinner from "discourse/components/conditional-loading-spinner";
 import DButton from "discourse/components/d-button";
+import PluginOutlet from "discourse/components/plugin-outlet";
 import TopicMapLink from "discourse/components/topic-map/topic-map-link";
 import TopicParticipants from "discourse/components/topic-map/topic-participants";
 import TopicViews from "discourse/components/topic-map/topic-views";
@@ -294,28 +295,33 @@ export default class TopicMapSummary extends Component {
                 "topic_map.menu_titles.replies"
               }}</h3>
             <ConditionalLoadingSpinner @condition={{this.loading}}>
-              <ul>
-                {{#each this.top3LikedPosts as |post|}}
-                  <li>
-                    <a href={{this.postUrl post}}>
-                      <span class="like-section__user">
-                        {{avatar
-                          post.avatar_template
-                          "tiny"
-                          (hash title=post.username)
-                        }}
-                        {{post.username}}
-                      </span>
-                      <span class="like-section__likes">
-                        {{post.like_count}}
-                        {{dIcon "heart"}}</span>
-                      <p>
-                        {{htmlSafe (emojiUnescape post.blurb)}}
-                      </p>
-                    </a>
-                  </li>
-                {{/each}}
-              </ul>
+              <PluginOutlet
+                @name="most-liked-replies"
+                @outletArgs={{hash posts=this.top3LikedPosts}}
+              >
+                <ul>
+                  {{#each this.top3LikedPosts as |post|}}
+                    <li>
+                      <a href={{this.postUrl post}}>
+                        <span class="like-section__user">
+                          {{avatar
+                            post.avatar_template
+                            "tiny"
+                            (hash title=post.username)
+                          }}
+                          {{post.username}}
+                        </span>
+                        <span class="like-section__likes">
+                          {{post.like_count}}
+                          {{dIcon "heart"}}</span>
+                        <p>
+                          {{htmlSafe (emojiUnescape post.blurb)}}
+                        </p>
+                      </a>
+                    </li>
+                  {{/each}}
+                </ul>
+              </PluginOutlet>
             </ConditionalLoadingSpinner>
           </:content>
         </DMenu>