REVERT: "DEV: Convert related-topics to gjs (#822)"

assets/javascripts/discourse/connectors/topic-more-content/related-topics.hbs

@@ -0,0 +1,15 @@
+<div
+  id="related-topics"
+  class="more-topics__list {{if this.hidden 'hidden'}}"
+  role="complementary"
+  aria-labelledby="related-topics-title"
+  {{did-insert this.registerList}}
+  {{will-destroy this.removeList}}
+>
+  <h3 id="related-topics-title" class="more-topics__list-title">
+    {{i18n "discourse_ai.related_topics.title"}}
+  </h3>
+  <div class="topics">
+    <BasicTopicList @topics={{this.relatedTopics}} />
+  </div>
+</div>

assets/javascripts/discourse/connectors/topic-more-content/related-topics.js

@@ -0,0 +1,41 @@
+import Component from "@glimmer/component";
+import { action, computed } from "@ember/object";
+import { inject as service } from "@ember/service";
+import I18n from "I18n";
+
+export default class extends Component {
+  static shouldRender(args) {
+    return (args.model.related_topics?.length || 0) > 0;
+  }
+
+  @service store;
+  @service site;
+  @service moreTopicsPreferenceTracking;
+
+  listId = "related-topics";
+
+  @computed("moreTopicsPreferenceTracking.selectedTab")
+  get hidden() {
+    return this.moreTopicsPreferenceTracking.selectedTab !== this.listId;
+  }
+
+  get relatedTopics() {
+    return this.args.outletArgs.model.related_topics.map((topic) =>
+      this.store.createRecord("topic", topic)
+    );
+  }
+
+  @action
+  registerList() {
+    this.moreTopicsPreferenceTracking.registerTopicList({
+      name: I18n.t("discourse_ai.related_topics.pill"),
+      id: this.listId,
+      icon: "discourse-sparkles",
+    });
+  }
+
+  @action
+  removeList() {
+    this.moreTopicsPreferenceTracking.removeTopicList(this.listId);
+  }
+}