3 files changed, 32 insertions, 17 deletions
diff --git a/src/pages/options/index.html b/src/pages/options/index.html
index a1e14d22..84955339 100644
--- a/src/pages/options/index.html
+++ b/src/pages/options/index.html
@@ -2195,13 +2195,20 @@
       </section>
       <section class="option-block" id="lbry_page">
         <div class="some-block option-block">
-          <h1 data-localise="__MSG_lbry__">LBRY/Odysee</h1>
+          <h1 data-localise="__MSG_lbry__">LBRY</h1>
         </div>
         <hr>
         <div class="some-block option-block">
           <h4 data-localise="__MSG_enable__">Enable</h4>
           <input id="lbry-enable" type="checkbox">
         </div>
+        <div class="some-block option-block">
+          <h4 data-localise="__MSG_frontend__">Frontend</h4>
+          <select id="lbry-frontend">
+            <option value="librarian">Librarian</option>
+            <option value="lbryDesktop" data-localise="__MSG_lbryDesktop__">LBRY Desktop</option>
+          </select>
+        </div>
         <div id="librarian">
           <hr>
           <div class="normal">
diff --git a/src/pages/options/widgets/lbry.js b/src/pages/options/widgets/lbry.js
index 79be6e18..76e212cb 100644
--- a/src/pages/options/widgets/lbry.js
+++ b/src/pages/options/widgets/lbry.js
@@ -1,27 +1,23 @@
 import utils from "../../../assets/javascripts/utils.js"
 
-// UNCOMMENT ALL COMMENTS ONCE OTHER FRONTENDS EXIST
-
 const frontends = new Array("librarian")
 const protocols = new Array("normal", "tor", "i2p", "loki")
 
 const enable = document.getElementById("lbry-enable")
 const lbry = document.getElementById("lbry_page")
-//const frontend = document.getElementById("lbry-frontend");
+const frontend = document.getElementById("lbry-frontend")
 let protocol
 
-/*
 function changeFrontendsSettings() {
-    for (let i = 0; i < frontends.length; i++) {
-        const frontendDiv = document.getElementById(frontends[i])
-        if (frontends[i] == frontend.value) {
-            frontendDiv.style.display = 'block'
-        } else {
-            frontendDiv.style.display = 'none'
-        }
-    }
+	for (let i = 0; i < frontends.length; i++) {
+		const frontendDiv = document.getElementById(frontends[i])
+		if (frontends[i] == frontend.value) {
+			frontendDiv.style.display = "block"
+		} else {
+			frontendDiv.style.display = "none"
+		}
+	}
 }
-*/
 
 function changeProtocolSettings() {
 	for (let i = 0; i < frontends.length; i++) {
@@ -37,14 +33,20 @@ function changeProtocolSettings() {
 	}
 }
 
-browser.storage.local.get(["disableLbryTargets", "protocol"], r => {
+browser.storage.local.get(["disableLbryTargets", "protocol", "lbryFrontend"], r => {
 	enable.checked = !r.disableLbryTargets
 	protocol = r.protocol
+	frontend.value = r.lbryFrontend
+	changeFrontendsSettings()
 	changeProtocolSettings()
 })
 
 lbry.addEventListener("change", () => {
-	browser.storage.local.set({ disableLbryTargets: !enable.checked })
+	browser.storage.local.set({
+		disableLbryTargets: !enable.checked,
+		lbryFrontend: frontend.value,
+	})
+	changeFrontendsSettings()
 })
 
 for (let i = 0; i < frontends.length; i++) {
diff --git a/src/pages/options/widgets/lbry.pug b/src/pages/options/widgets/lbry.pug
index 2bdccb5a..678b87d9 100644
--- a/src/pages/options/widgets/lbry.pug
+++ b/src/pages/options/widgets/lbry.pug
@@ -1,11 +1,17 @@
 section#lbry_page.option-block
     .some-block.option-block
-        h1(data-localise="__MSG_lbry__") LBRY/Odysee
+        h1(data-localise="__MSG_lbry__") LBRY
     hr
     .some-block.option-block
         h4(data-localise="__MSG_enable__") Enable
         input#lbry-enable(type="checkbox")
 
+    .some-block.option-block
+        h4(data-localise="__MSG_frontend__") Frontend
+        select#lbry-frontend
+            option(value="librarian") Librarian
+            option(value="lbryDesktop" data-localise="__MSG_lbryDesktop__") LBRY Desktop
+
     #librarian
         hr
         .normal