add basic error popup

alxwrd · Jan 30, 2019 · 5d1d1a5 · 5d1d1a5
1 parent 356cae0
commit 5d1d1a5
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 0 deletions.
diff --git a/open-with-pennywise/background.js b/open-with-pennywise/background.js
@@ -32,10 +32,12 @@ function ping() {
         });
       });
       browser.browserAction.setIcon({ path: icons })
+      browser.browserAction.setPopup({ popup: "" })
     })
     .catch(error => {
       browser.menus.remove(menuItemId);
       browser.browserAction.setIcon({ path: iconsInactive })
+      browser.browserAction.setPopup({ popup: "error.html" })
     });
 }
 

diff --git a/open-with-pennywise/error.html b/open-with-pennywise/error.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <link rel="stylesheet" href="style.css" />
+</head>
+
+<body>
+  <div class="centered">Cannot connect to Pennywise</div>
+</body>
+
+</html>
diff --git a/open-with-pennywise/style.css b/open-with-pennywise/style.css
@@ -0,0 +1,9 @@
+body {
+    min-width: 190px;
+    font-family: Verdana, Geneva, sans-serif;
+    font-size: 12px;
+}
+
+.centered {
+    text-align: center;
+}