fix: figure out channel id in content script instead of background

Author: Spring3

src/background/browserAction.js

@@ -185,7 +185,7 @@ browser.tabs.onRemoved.addListener((tabId) => {
 const onContentScriptMessage = async (message, sender) => {
   if (sender.id === browser.runtime.id) {
     if (message.type === 'add_points') {
-      const channelId = new URL(sender.url).pathname.split('/').pop();
+      const channelId = message.channelId;
       const pointsCollectedForChannel = extension.getChannelPoints(channelId);
       const updatedAmount = pointsCollectedForChannel + message.bonus;
       extension.setChannelPoints(channelId, updatedAmount);

src/contentScripts/worker.js

@@ -57,9 +57,11 @@ function tryToGetReceivedPoints() {
     if (bonusAmount) {
       // slice to remove + at the beginning
       const bonusAmountInt = parseInt(bonusAmount.slice(1), 10);
+      const channelId = document.querySelector('.tw-halo')?.getAttribute('href').split('/').pop();
       browser.runtime.sendMessage({
         type: 'add_points',
-        bonus: bonusAmountInt
+        bonus: bonusAmountInt,
+        channelId
       });
 
       clearInterval(pointsInterval);