From 6075060b56766beb660bf21a115619d1b9d44b6f Mon Sep 17 00:00:00 2001
From: fsociety <fsociety.mp3@pm.me>
Date: Tue, 10 Sep 2024 22:20:56 +0200
Subject: [PATCH] feat: add successful payment response handling

---
 resources/js/webln/webln.js                     |  2 +-
 resources/views/livewire/test/web-l-n.blade.php | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/resources/js/webln/webln.js b/resources/js/webln/webln.js
index 6040586e..5e593813 100644
--- a/resources/js/webln/webln.js
+++ b/resources/js/webln/webln.js
@@ -10,7 +10,7 @@ export default (livewireComponent) => ({
             .then(response => {
                 console.log('Payment response:', response);
                 this.$wire.call('logThis', 'Payment response: ' + JSON.stringify(response));
-                this.$wire.call('success', response.preimage);
+                this.$wire.call('success');
             })
             .catch(error => {
                 console.error('Payment failed:', error);
diff --git a/resources/views/livewire/test/web-l-n.blade.php b/resources/views/livewire/test/web-l-n.blade.php
index d8846fde..b7584b50 100644
--- a/resources/views/livewire/test/web-l-n.blade.php
+++ b/resources/views/livewire/test/web-l-n.blade.php
@@ -1,12 +1,14 @@
-<div x-data="webln(@this)" class="p-2 sm:p-4" wire:ignore>
+<div x-data="webln(@this)" class="p-2 sm:p-4">
     <div class="font-mono space-y-1 p-2 sm:p-4 text-white break-words">
-        <div class="text-xs sm:text-base break-words">Test Payment from WebLN to "The Ben"</div>
-        <div class="text-xs sm:text-base break-words">1 sat</div>
-        <div class="text-xs sm:text-base break-words">hash: {{ $invoice['payment_hash'] }}</div>
-        <div class="text-xs sm:text-base break-words">payment_request: {{ $invoice['payment_request'] }}</div>
+        <div wire:ignore>
+            <div class="text-xs sm:text-base break-words">Test Payment from WebLN to "The Ben"</div>
+            <div class="text-xs sm:text-base break-words">1 sat</div>
+            <div class="text-xs sm:text-base break-words">hash: {{ $invoice['payment_hash'] }}</div>
+            <div class="text-xs sm:text-base break-words">payment_request: {{ $invoice['payment_request'] }}</div>
+        </div>
         <div class="mt-6">
             @if(!$paymentDone)
-                <div class="flex justify-center">
+                <div class="flex justify-center" wire:loading.attr="disabled">
                     <button x-on:click="pay"
                             class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
                         Pay Invoice
@@ -17,7 +19,7 @@
                     <div class="text-green-500">
                         Success! Payment done.
                     </div>
-                    <button wire:click="reloadMe"
+                    <button wire:click="reloadMe" wire:loading.attr="disabled"
                             class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
                         Reload
                     </button>