setMaskListButton: async()

in src/js/other-websites/inpage_menu.js [709:745]

• 26 lines of code
• 2 McCabe index (conditional complexity)

    setMaskListButton: async (button, maskLists, filterMenuButtons) => {
      // Hide all lists, show selected list
      maskLists.forEach((maskList) => {
        maskList.classList.remove("is-visible");
      });

      const maskListSelector = button.dataset.maskList;
      const activeMaskList = document.querySelector(maskListSelector);
      const activeMaskListCount = activeMaskList.querySelectorAll("li");

      activeMaskList.classList.add("is-visible");

      const filterSearchForm = document.querySelector(
        ".fx-relay-menu-masks-search-form"
      );

      // If there's enough masks in this list, we need to show search.
      if (activeMaskListCount.length > 5) {
        filterSearchForm.classList.add("is-visible");
        await buildContent.components.search.initResultsCountAndFocusOnInput();
      } else {
        filterSearchForm.classList.remove("is-visible");
      }

      // Make all buttons inactive, make selected button active
      filterMenuButtons.forEach((maskList) => {
        maskList.classList.remove("is-active");
      });

      button.classList.add("is-active");

      // Resize iframe
      browser.runtime.sendMessage({
        method: "updateIframeHeight",
        height: document.getElementById("fxRelayMenuBody").scrollHeight,
      });
    },