Use new Tooltip component in PostEdited component

flarum · May 9, 2021 · 651e551 · 651e551
1 parent 1cbe5c7
commit 651e551
Showing 1 changed file with 4 additions and 24 deletions.
diff --git 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;
-    }
   }
 }