add update instance button

2 files changed, 17 insertions, 0 deletions

diff --git a/src/pages/popup/popup.html b/src/pages/popup/popup.html
index 9eb6e229..68cd7632 100644
--- a/src/pages/popup/popup.html
+++ b/src/pages/popup/popup.html
@@ -235,6 +235,9 @@
     <section class="settings-block"></section>
 
     <footer>
+      <a class="button" id="update-instances">
+        <span data-localise="__MSG_updateInstances__">Update Instances&nbsp;</span>
+      </a>
       <a class="button" id="more-options">
         <span data-localise="__MSG_moreOptions__">More Options&nbsp;</span>
         <svg
diff --git a/src/pages/popup/popup.js b/src/pages/popup/popup.js
index 13d04f6b..b3bd4c96 100644
--- a/src/pages/popup/popup.js
+++ b/src/pages/popup/popup.js
@@ -78,6 +78,20 @@ disableScribe.addEventListener("change", (event) => {
   browser.storage.sync.set({ disableScribe: !event.target.checked });
 });
 
+const apiEndpoint = 'https://raw.githubusercontent.com/libredirect/instances/main/data.json';
+
+document.querySelector("#update-instances").addEventListener("click", () => {
+  let request = new XMLHttpRequest();
+  request.open('GET', apiEndpoint, false);
+  request.send(null);
+
+  if (request.status === 200) {
+    document.querySelector("#update-instances").innerHTML = 'gav';  
+    const instances = JSON.parse(request.responseText);
+    document.querySelector("#update-instances").innerHTML = instances.twitter.length;
+  }
+});
+
 document.querySelector("#more-options").addEventListener("click", () => {
   browser.runtime.openOptionsPage();
 });