Only show container name if available

Author: aaronkollasch

src/ui/popup.css

@@ -82,8 +82,7 @@ body {
 #top > .container-id {
   text-align: left;
   margin: .1em;
-  padding: .2em;
-  padding-top: .4em;
+  padding: .4em;
   font-size: 1.2em;
   border:1px solid lightgray;
 }

src/ui/popup.js

@@ -66,14 +66,14 @@ addEventListener("unload", e => {
       tabId = tab.id;
     }
 
-    var containerName;
     try {
-      containerName = (await browser.contextualIdentities.get(cookieStoreId)).name;
-    } catch {
-      containerName = "Default";
+      let containerName = (await browser.contextualIdentities.get(cookieStoreId)).name;
+      document.querySelector("#container-id").textContent = containerName;
+      debug("found container name", containerName, "for cookieStoreId", cookieStoreId);
+    } catch(err) {
+      document.querySelector("#container-id").style.visibility = 'hidden';
+      debug("no container for cookieStoreId", cookieStoreId, "error:", err.message);
     }
-    debug("container name", containerName, cookieStoreId);
-    document.querySelector("#container-id").textContent = containerName; 
 
     addEventListener("keydown", e => {
       if (e.code === "Enter") {