From f42b6054e6588a37a91b48087d91075351ed2b77 Mon Sep 17 00:00:00 2001
From: Robin Ward <robin.ward@gmail.com>
Date: Fri, 31 Mar 2017 13:17:12 -0400
Subject: [PATCH] FIX: Class names should be dasherized, not underscored

---
 .../discourse/components/notifications-button.js.es6          | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/discourse/components/notifications-button.js.es6 b/app/assets/javascripts/discourse/components/notifications-button.js.es6
index 2695cfc9186..10f5d54f26e 100644
--- a/app/assets/javascripts/discourse/components/notifications-button.js.es6
+++ b/app/assets/javascripts/discourse/components/notifications-button.js.es6
@@ -22,7 +22,7 @@ export default DropdownButton.extend({
         id: l.id,
         title: I18n.t(`${start}.title`),
         description: I18n.t(`${start}.description`),
-        styleClasses: `${l.key} fa fa-${l.icon}`
+        styleClasses: `${l.key.dasherize()} fa fa-${l.icon}`
       };
     });
   },
@@ -31,7 +31,7 @@ export default DropdownButton.extend({
   text(notificationLevel) {
     const details = buttonDetails(notificationLevel);
     const { key } = details;
-    const icon = iconHTML(details.icon, { class: key });
+    const icon = iconHTML(details.icon, { class: key.dasherize() });
 
     if (this.get('buttonIncludesText')) {
       const prefix = this.get('i18nPrefix');