From 8785baf1a1524c7ac98eb2a75fe749aff6124e15 Mon Sep 17 00:00:00 2001
From: Toby Zerner <toby.zerner@gmail.com>
Date: Tue, 3 Nov 2015 17:17:46 +1030
Subject: [PATCH] Add a tooltip to the "Follow" button

---
 .../forum/src/components/SubscriptionMenu.js  | 33 +++++++++++++++----
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/extensions/subscriptions/js/forum/src/components/SubscriptionMenu.js b/extensions/subscriptions/js/forum/src/components/SubscriptionMenu.js
index 2a3c94935..3c1299216 100644
--- a/extensions/subscriptions/js/forum/src/components/SubscriptionMenu.js
+++ b/extensions/subscriptions/js/forum/src/components/SubscriptionMenu.js
@@ -51,14 +51,33 @@ export default class SubscriptionMenu extends Component {
         // no default
     }
 
+    const buttonProps = {
+      className: 'Button SubscriptionMenu-button ' + buttonClass,
+      icon: buttonIcon,
+      children: buttonLabel,
+      onclick: this.saveSubscription.bind(this, discussion, ['follow', 'ignore'].indexOf(subscription) !== -1 ? false : 'follow')
+    };
+
+    const preferences = app.session.user.preferences();
+    const notifyEmail = preferences['notify_newPost_email'];
+    const notifyAlert = preferences['notify_newPost_alert'];
+
+    if ((notifyEmail || notifyAlert) && subscription === false) {
+      buttonProps.title = app.translator.trans(notifyEmail
+        ? 'flarum-subscriptions.forum.sub_controls.notify_email_tooltip'
+        : 'flarum-subscriptions.forum.sub_controls.notify_alert_tooltip');
+      buttonProps.config = element => $(element).tooltip({
+        container: '.SubscriptionMenu',
+        placement: 'bottom',
+        delay: 250
+      });
+    } else {
+      buttonProps.config = element => $(element).tooltip('destroy');
+    }
+
     return (
       <div className="Dropdown ButtonGroup SubscriptionMenu">
-        {Button.component({
-          className: 'Button SubscriptionMenu-button ' + buttonClass,
-          icon: buttonIcon,
-          children: buttonLabel,
-          onclick: this.saveSubscription.bind(this, discussion, ['follow', 'ignore'].indexOf(subscription) !== -1 ? false : 'follow')
-        })}
+        {Button.component(buttonProps)}
 
         <button className={'Dropdown-toggle Button Button--icon ' + buttonClass} data-toggle="dropdown">
           {icon('caret-down', {className: 'Button-icon'})}
@@ -78,5 +97,7 @@ export default class SubscriptionMenu extends Component {
 
   saveSubscription(discussion, subscription) {
     discussion.save({subscription});
+
+    this.$('.SubscriptionMenu-button').tooltip('hide');
   }
 }