From 651e551620729c9d5ce6d3feddb1b04296bc6b22 Mon Sep 17 00:00:00 2001
From: David Wheatley <hi@davwheat.dev>
Date: Sun, 9 May 2021 01:28:02 +0000
Subject: [PATCH] Use new Tooltip component in PostEdited component

---
 js/src/forum/components/PostEdited.js | 28 ++++-----------------------
 1 file changed, 4 insertions(+), 24 deletions(-)

diff --git a/js/src/forum/components/PostEdited.js b/js/src/forum/components/PostEdited.js
index ae28f88f540..871a9772743 100644
--- a/js/src/forum/components/PostEdited.js
+++ b/js/src/forum/components/PostEdited.js
@@ -1,6 +1,6 @@
 import Component from '../../common/Component';
 import humanTime from '../../common/utils/humanTime';
-import extractText from '../../common/utils/extractText';
+import Tooltip from '../../common/components/Tooltip';
 
 /**
  * The `PostEdited` component displays information about when and by whom a post
@@ -13,41 +13,21 @@ import extractText from '../../common/utils/extractText';
 export default class PostEdited extends Component {
   oninit(vnode) {
     super.oninit(vnode);
-
-    this.shouldUpdateTooltip = false;
-    this.oldEditedInfo = null;
   }
 
   view() {
     const post = this.attrs.post;
     const editedUser = post.editedUser();
-    const editedInfo = extractText(app.translator.trans('core.forum.post.edited_tooltip', { user: editedUser, ago: humanTime(post.editedAt()) }));
-    if (editedInfo !== this.oldEditedInfo) {
-      this.shouldUpdateTooltip = true;
-      this.oldEditedInfo = editedInfo;
-    }
+    const editedInfo = app.translator.trans('core.forum.post.edited_tooltip', { user: editedUser, ago: humanTime(post.editedAt()) });
 
     return (
-      <span className="PostEdited" title={editedInfo}>
+      <Tooltip containerType="inline" className="PostEdited" text={editedInfo}>
         {app.translator.trans('core.forum.post.edited_text')}
-      </span>
+      </Tooltip>
     );
   }
 
   oncreate(vnode) {
     super.oncreate(vnode);
-
-    this.rebuildTooltip();
-  }
-
-  onupdate() {
-    this.rebuildTooltip();
-  }
-
-  rebuildTooltip() {
-    if (this.shouldUpdateTooltip) {
-      this.$().tooltip('destroy').tooltip();
-      this.shouldUpdateTooltip = false;
-    }
   }
 }