feat: add monetization state to browser action's tooltip text (#357)

interledger · Jun 21, 2024 · 0e85840 · 0e85840
1 parent e3f0fb7
commit 0e85840
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/_locales/en/messages.json b/src/_locales/en/messages.json
@@ -15,6 +15,12 @@
     "message": "Permission to access your data for all websites is required to use Web Monetization.",
     "description": "..."
   },
+  "monetizationActiveShort": {
+    "message": "Active"
+  },
+  "monetizationInactiveShort": {
+    "message": "Inactive"
+  },
   "siteNotMonetized": {
     "message": "This website is not monetized."
   }

diff --git a/src/background/services/tabEvents.ts b/src/background/services/tabEvents.ts
@@ -63,13 +63,19 @@ export class TabEvents {
   ) => {
     const { enabled } = await this.storage.get(['enabled'])
 
+    let title = this.browser.i18n.getMessage('appName')
     let iconData = enabled ? ICONS.default : ICONS.warning
     if (enabled && payload) {
       const { value: isTabMonetized } = payload
       iconData = isTabMonetized ? ICONS.active : ICONS.inactive
+      const tabStateText = isTabMonetized
+        ? this.browser.i18n.getMessage('monetizationActiveShort')
+        : this.browser.i18n.getMessage('monetizationInactiveShort')
+      title = `${title} - ${tabStateText}`
     }
     const tabId = sender && getTabId(sender)
 
     await this.browser.action.setIcon({ path: iconData, tabId })
+    await this.browser.action.setTitle({ title, tabId })
   }
 }