update dropdown with detected language

Audio-Transcription-Firefox/background.js

@@ -10,4 +10,12 @@ browser.runtime.onMessage.addListener(function(request, sender, sendResponse) {
         console.error("Error retrieving active tab:", error);
       });
   }
+  if (action === "updateSelectedLanguage") {
+    const detectedLanguage = data;
+    if (detectedLanguage) {
+      browser.runtime.sendMessage({ action: "updateSelectedLanguage", detectedLanguage });
+      browser.storage.local.set({ selectedLanguage: detectedLanguage });
+    }
+  }
 });
+

Audio-Transcription-Firefox/content.js

@@ -62,6 +62,11 @@ function startRecording(data) {
       if (language === null ){
         const data = JSON.parse(event.data);
         language = data["language"];
+
+        browser.runtime.sendMessage({ action: "updateSelectedLanguage", data: language })
+          .catch(function(error) {
+            console.error("Error sending message:", error);
+          });
         return
       }
 

Audio-Transcription-Firefox/popup.js

@@ -149,4 +149,16 @@ document.addEventListener("DOMContentLoaded", function() {
     selectedTask = taskDropdown.value;
     browser.storage.local.set({ selectedTask });
   });
+
+  browser.runtime.onMessage.addListener((request, sender, sendResponse) => {
+    if (request.action === "updateSelectedLanguage") {
+      const detectedLanguage = request.detectedLanguage;
+  
+      if (detectedLanguage) {
+        languageDropdown.value = detectedLanguage;
+        selectedLanguage = detectedLanguage;
+        browser.storage.local.set({ selectedLanguage });
+      }
+    }
+  });
 });