From 2370e4d3ad5533444723b166a404f05941b0e28c Mon Sep 17 00:00:00 2001
From: Riccardo Balbo <riccardo0blb@gmail.com>
Date: Tue, 25 Jun 2024 11:42:21 +0200
Subject: [PATCH] Move invoice script into x-init, increase check interval

---
 .../views/livewire/modals/invoice.blade.php   | 23 ++++++++-----------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/resources/views/livewire/modals/invoice.blade.php b/resources/views/livewire/modals/invoice.blade.php
index 92f74e847..678b99f06 100644
--- a/resources/views/livewire/modals/invoice.blade.php
+++ b/resources/views/livewire/modals/invoice.blade.php
@@ -1,18 +1,16 @@
 
-<script>
-    document.addEventListener('livewire:load', function () {
-        // Set up the interval to call checkInvoiceStatus every 1000ms
-        var intervalId = setInterval(function () {
-            @this.call('checkInvoiceStatus');
-        }, 1000);
 
-        // Listen for the Livewire 'hook' for component destruction
-        @this.on('hook:destroyed', function () {
-            clearInterval(intervalId);
-        });
+<div
+x-data="{}" x-init="
+    const intervalId = setInterval(() => {
+        @this.call('checkInvoiceStatus');
+    }, 5000);
+
+    @this.on('hook:destroyed', () => {
+        clearInterval(intervalId);
     });
-</script>
-<div class="p-4"  class="p-4 w-full flex-col items-center justify-center">
+"
+class="p-4 w-full flex-col items-center justify-center">
 
 
 
@@ -26,4 +24,3 @@
     @click="window.webln?window.webln.enable().then(()=>window.webln.sendPayment('{{$invoice}}')):window.open(`lightning:{{$invoice}}`);"
     >Pay with app</x-secondary-button>
 </div>
-