Issue 4864 - Start using ESLint for adblockpluschrome

notification.js

Index: notification.js
diff --git a/notification.js b/notification.js
index ea6b43485e15322ecb72631d5a154de7646e0fc4..92e06c28da58e763d09fca418d826a73b5044925 100644
--- a/notification.js
+++ b/notification.js
@@ -90,17 +90,18 @@ window.addEventListener("load", () =>
   notificationElement.hidden = false;
   notificationElement.addEventListener("click", event =>
   {
-    switch (event.target.id)
+    if (event.target.id == "notification-close")
+      notificationElement.classList.add("closing");
+    else if (event.target.id == "notification-optout")
     {
-      case "notification-close":
-        notificationElement.classList.add("closing");
-        break;
-      case "notification-optout":
-        Notification.toggleIgnoreCategory("*", true);
-      case "notification-hide":
-        notificationElement.hidden = true;
-        notification.onClicked();
-        break;
+      Notification.toggleIgnoreCategory("*", true);
+      notificationElement.hidden = true;

[Sebastian Noack, 2017/03/31 07:59:39]

If you just duplicate these lines, you could have sticked with switch/case, no
fall through needed then.

The point of using if/else here is that you can implement the same logic with
less duplication but no fall through:

  if (event.target.id == "notification-close")
    notificationElement.classList.add("closing");
  else if (event.target.id == "notification-optout" ||
           event.target.id == "notification-hide")
  {
    if (event.target.id == "notification-optout")
      Notification.toggleIgnoreCategory("*", true);

    notificationElement.hidden = true;
    notification.onClicked();
  }

+      notification.onClicked();
+    }
+    else if (event.target.id == "notification-hide")
+    {
+      notificationElement.hidden = true;
+      notification.onClicked();
     }
   }, true);
 }, false);