Override WebLN sendPayment

sendPayment.js

window.webln.sendPayment = (invoice) => fetch(`https://api.qrserver.com/v1/create-qr-code/?data=${invoice}&size=400x400&margin=15`)
  .then(response => response.blob())
  .then(blob => {
    const qrCodeUrl = URL.createObjectURL(blob);
    const modal = document.createElement('div');
    modal.style.position = 'fixed';
    modal.style.top = '0';
    modal.style.left = '0';
    modal.style.width = '100%';
    modal.style.height = '100%';
    modal.style.background = 'rgba(0, 0, 0, 0.5)';
    modal.style.display = 'flex';
    modal.style.justifyContent = 'center';
    modal.style.alignItems = 'center';
    const img = document.createElement('img');
    img.src = qrCodeUrl;
    img.style.width = '400px';
    img.style.height = '400px';
    modal.appendChild(img);
    document.body.appendChild(modal);
    modal.onclick = () => {
      modal.remove();
    };
  });