iu

static/backup.html

@@ -54,7 +54,7 @@
       </div>
       <div class="checkbox-container">
         <div class="checkbox" style="margin-top: 12px">
-          <input type="checkbox" id="backup" />
+          <input type="radio" id="backup" name="backup-option" />
           <div class="checkbox-shape"></div>
           <label for="backup">
             Encrypted Backup to Nostr Relay
@@ -63,7 +63,7 @@
       </div>
       <div class="checkbox-container">
         <div class="checkbox manual-checkbox" style="margin-top: 12px">
-          <input type="checkbox" id="manual-backup" />
+          <input type="radio" id="manual-backup" name="backup-option" />
           <div class="checkbox-shape"></div>
           <label for="manual-backup">
             DO NOT store on relay (Manual Backups)
@@ -126,10 +126,6 @@
         document.getElementById('errorText').innerText = 'Please select an option'
         return
       }
-      if (backup && manual) {
-        document.getElementById('errorText').innerText = 'Please select only one option'
-        return
-      }
       if (backup) {
         localStorage.setItem('wizard/backup', 'backup')
       } else {

static/js/backup.js

@@ -1,23 +1,10 @@
 $(() => {
-  let backup; let manual_backup;
+  $('input[name="backup-option"]').change(() => {
-  $("#backup").click(() => {
-    backup = $("#backup").prop("checked");
-    $('#manual-backup').prop("checked",false);
     const nextButton = $("#next-button");
-    if (backup) {
+    if ($('input[name="backup-option"]:checked').length > 0) {
       nextButton.removeClass("hidden-button");
     } else {
       nextButton.addClass("hidden-button");
     }
   });
-  $("#manual-backup").click(()=>{
-      manual_backup = $('#manual-backup').prop("checked");
-      $("#backup").prop("checked",false);
-      const nextButton = $("#next-button");
-      if(manual_backup) {
-        nextButton.removeClass("hidden-button");
-      } else {
-        nextButton.addClass("hidden-button");
-      };
-  });
 });

static/js/liquidity.js

@@ -6,14 +6,4 @@ $(() => {
   $("#close-question").click(() => {
     $("#question-content").hide();
   });
-
-  $("#automate").click(() => {
-    $('[data-group="service"]').prop("checked", false);
-    $("#automate").prop("checked", true);
-  });
-
-  $("#manual").click(() => {
-    $('[data-group="service"]').prop("checked", false);
-    $("#manual").prop("checked", true);
-  });
 });

static/liquidity.html

@@ -37,7 +37,7 @@
 
     <section class="setup-content">
       <div class="checkbox" style="margin-top: 60px">
-        <input type="checkbox" id="automate" data-group="service" />
+        <input type="radio" id="automate" name="service" data-group="service" />
         <div class="checkbox-shape"></div>
         <label for="automate" class="automate">
           Use Automation Service
@@ -57,7 +57,7 @@
         </label>
       </div>
       <div class="checkbox" style="margin-top: 30px">
-        <input type="checkbox" id="manual" data-group="service" />
+        <input type="radio" id="manual" name="service" data-group="service" />
         <div class="checkbox-shape"></div>
         <label for="manual">Manage my channels manually</label>
       </div>
@@ -91,10 +91,6 @@
         document.getElementById('errorText').innerText = 'Please select an option'
         return
       }
-      if (automate && manual) {
-        document.getElementById('errorText').innerText = 'Please select only one option'
-        return
-      }
       if (automate) {
         localStorage.setItem('wizard/liquidity', 'automate')
       } else {