From 2bff6dbe269a3b00ce1ba4f4a571c7f52a0202cb Mon Sep 17 00:00:00 2001
From: Isaac Janzen <50783505+janzenisaac@users.noreply.github.com>
Date: Fri, 3 Feb 2023 10:15:38 -0600
Subject: [PATCH] DEV: Add `user-tip` back to glimmer-topic-timeline (#20165)

Add the user-tip back to the glimmer topic timeline

<img width="555" alt="Screenshot 2023-02-03 at 9 38 45 AM" src="https://user-images.githubusercontent.com/50783505/216644897-cdd3244f-e565-49ea-a929-5faa87f8ce57.png">
---
 .../app/components/glimmer-topic-timeline.hbs       |  2 +-
 .../app/components/glimmer-topic-timeline.js        | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/discourse/app/components/glimmer-topic-timeline.hbs b/app/assets/javascripts/discourse/app/components/glimmer-topic-timeline.hbs
index bfa892fe884d85..73a6033b532be6 100644
--- a/app/assets/javascripts/discourse/app/components/glimmer-topic-timeline.hbs
+++ b/app/assets/javascripts/discourse/app/components/glimmer-topic-timeline.hbs
@@ -2,7 +2,7 @@
   class={{concat "timeline-container " this.classes}}
   {{did-insert this.addShowClass}}
 >
-  <div class="topic-timeline">
+  <div class="topic-timeline" {{did-insert this.addUserTip}}>
     <TopicTimeline::Container
       @model={{@model}}
       @enteredIndex={{this.enteredIndex}}
diff --git a/app/assets/javascripts/discourse/app/components/glimmer-topic-timeline.js b/app/assets/javascripts/discourse/app/components/glimmer-topic-timeline.js
index 0eafc12bc824b7..ef7b0b592aaf51 100644
--- a/app/assets/javascripts/discourse/app/components/glimmer-topic-timeline.js
+++ b/app/assets/javascripts/discourse/app/components/glimmer-topic-timeline.js
@@ -3,6 +3,7 @@ import { tracked } from "@glimmer/tracking";
 import optionalService from "discourse/lib/optional-service";
 import { inject as service } from "@ember/service";
 import { bind } from "discourse-common/utils/decorators";
+import I18n from "I18n";
 
 export default class GlimmerTopicTimeline extends Component {
   @service site;
@@ -83,6 +84,18 @@ export default class GlimmerTopicTimeline extends Component {
     }
   }
 
+  @bind
+  addUserTip(element) {
+    this.currentUser.showUserTip({
+      id: "topic_timeline",
+      titleText: I18n.t("user_tips.topic_timeline.title"),
+      contentText: I18n.t("user_tips.topic_timeline.content"),
+      reference: document.querySelector("div.timeline-scrollarea-wrapper"),
+      appendTo: element,
+      placement: "left",
+    });
+  }
+
   willDestroy() {
     if (!this.site.mobileView) {
       this.intersectionObserver?.disconnect();