const selectedIcons = new Set();

function iconClick(iconID) {
  console.log(iconID);
  const element = document.getElementById(iconID);
  if (selectedIcons.has(iconID)) {
    console.log("delete");
    selectedIcons.delete(iconID);
    element.classList.remove("selected");
  } else {
    console.log("add");
    selectedIcons.add(iconID);
    element.classList.add("selected");
  }
}

function deleteSelected() {
  fetch("delete-selected", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
    },
    body: JSON.stringify({
      svgs: [...selectedIcons],
    }),
  })
    .then((response) => {
      if (!response.ok) {
        throw new Error(`HTTP error! Status: ${response.status}`);
      }
      return response.json();
    })
    .then((data) => {
      console.log("Server response:", data);
    })
    .catch((error) => {
      console.error("Error:", error);
    });
}