Update Popup/CS for Ignored

src/html/popup.html

@@ -66,7 +66,7 @@
         </div>
         <button id="delete-saved" class="btn btn-outline-warning d-none">
             <i class="fa-regular fa-trash-can me-1"></i>
-            Delete Saved Credentials
+            <span>Delete Saved Credentials</span>
         </button>
         <div id="username" class="text-center text-ellipsis d-none">
             Username: <span class="fw-bold text-success-emphasis"></span>

src/js/content-script.js

@@ -21,14 +21,19 @@ if (!chrome.storage.onChanged.hasListener(onChanged)) {
     // console.debug('creds:', creds)
     if (creds) {
         tabEnabled = true
-        console.debug(
-            '%cFound Credentials for Current Site.',
-            'color: LimeGreen'
-        )
-        await chrome.runtime.sendMessage({
-            badgeText: 'On',
-            badgeColor: 'green',
-        })
+        if (creds === 'ignored') {
+            console.debug('%cSite is currently ignored.', 'color: Yellow')
+            await chrome.runtime.sendMessage({
+                badgeText: 'Off',
+                badgeColor: 'yellow',
+            })
+        } else {
+            console.debug('%cFound credentials for site.', 'color: LimeGreen')
+            await chrome.runtime.sendMessage({
+                badgeText: 'On',
+                badgeColor: 'green',
+            })
+        }
     }
 })()
 

src/js/popup.js

@@ -60,18 +60,25 @@ async function initPopup() {
         const url = new URL(tab.url)
         const creds = await Hosts.get(url.host)
         if (creds) {
-            hostnameEl.classList.add('border-success')
+            if (creds === 'ignored') {
+                hostnameEl.classList.add('border-warning')
+                deleteSaved.querySelector('span').textContent =
+                    'Remove Host from Ignore'
+            } else {
+                hostnameEl.classList.add('border-success')
+                usernameEl.querySelector('span').textContent =
+                    creds.split(':')[0]
+                usernameEl.classList.remove('d-none')
+            }
             hostnameEl.textContent = url.host
             deleteSaved.classList.remove('d-none')
             deleteSaved.dataset.value = url.host
             deleteSaved.addEventListener('click', deleteHost)
-            usernameEl.querySelector('span').textContent = creds.split(':')[0]
-            usernameEl.classList.remove('d-none')
             confirmDelete.dataset.value = url.host
             confirmDeleteHost.textContent = url.host
         } else {
             hostnameEl.textContent = 'No Credentials Found for Tab.'
-            hostnameEl.classList.remove('border-success')
+            hostnameEl.classList.remove('border-success', 'border-warning')
             deleteSaved.classList.add('d-none')
             usernameEl.classList.add('d-none')
         }