general.js

// Custom context menu
const contextMenuTrigger = document.querySelector(".context-menu-trigger");
const contextMenu = document.querySelector(".context-menu");

contextMenuTrigger.addEventListener("contextmenu", function (e) {
    e.preventDefault();
  
    // Show the context menu with a smooth opacity transition
    contextMenu.style.visibility = "visible";
    contextMenu.classList.add("cc-show");
});

document.body.addEventListener("click", function () {
    // Delay the removal of the "cc-show" class
    setTimeout(function () {
        contextMenu.classList.remove("cc-show"); // Remove the class to hide the menu
  
        // Wait for the opacity transition to finish before hiding the element
        setTimeout(function () {
            contextMenu.style.visibility = "hidden";
        }, 400); // Match the duration of the opacity transition
    }, 200); // Delay before removing the class
});

// Function to get a local storage item with expiry check
function getItemWithExpiry(key) {
    const dataString = localStorage.getItem(key);
    if (!dataString) {
        return null; // No item found
    }
    const data = JSON.parse(dataString);
    const currentTime = Date.now();

    if (currentTime > data.expiry) {
        localStorage.removeItem(key); // Remove expired item
        return null; // Expired item
    }
    return data.value; // Return valid item
}

// Check the flag and toggle visibility of the Webflow migrate CTA
const visited = getItemWithExpiry('visitedWebflowMigrationPage');
if (visited) {
    // User has visited the specific page
    document.querySelector('#migrateWebflow').style.display = 'block'; // Show Webflow migrate CTA
    document.querySelector('#migrateGeneral').style.display = 'none'; // Hide general migrate CTA
} else {
    // User has NOT visited or the visit data has expired
    document.querySelector('#migrateWebflow').style.display = 'none'; // Hide Webflow migrate CTA
}