async function listenForClicks() {
  document.addEventListener("click", function (e) {
    if (!e.target.classList.contains("button")) {
      return;
    }

    let queryOptions = { active: true, currentWindow: true };
    chrome.tabs.query(queryOptions, (tabs) => {
      chrome.tabs.sendMessage(tabs[0].id, {
        command: "switch_base_url",
        baseUrl: e.target.getAttribute("data-url"),
      });
    });
  });
}

function setUrls(settings) {
  document.querySelector("#local").setAttribute("data-url", settings.local);
  document.querySelector("#test").setAttribute("data-url", settings.test);
  document.querySelector("#prod").setAttribute("data-url", settings.prod);
}

chrome.storage.local.get(null, setUrls);

chrome.tabs.executeScript(
  { file: "/content_scripts/base-url-switcher.js" },
  listenForClicks
);