feat: handle user cancellation in zap process

src/components/NoteStats/ZapButton.tsx

@@ -48,14 +48,18 @@ export default function ZapButton({ event }: { event: Event }) {
         throw new Error('You need to be logged in to zap')
       }
       setZapping(true)
-      const { invoice } = await lightning.zap(
+      const zapResult = await lightning.zap(
         pubkey,
         event.pubkey,
         defaultZapSats,
         defaultZapComment,
         event.id
       )
-      addZap(event.id, invoice, defaultZapSats, defaultZapComment)
+      // user canceled
+      if (!zapResult) {
+        return
+      }
+      addZap(event.id, zapResult.invoice, defaultZapSats, defaultZapComment)
     } catch (error) {
       toast({
         title: t('Zap failed'),

src/components/ZapDialog/index.tsx

@@ -77,11 +77,15 @@ function ZapDialogContent({
         throw new Error('You need to be logged in to zap')
       }
       setZapping(true)
-      const { invoice } = await lightning.zap(pubkey, recipient, sats, comment, eventId, () =>
+      const zapResult = await lightning.zap(pubkey, recipient, sats, comment, eventId, () =>
         setOpen(false)
       )
+      // user canceled
+      if (!zapResult) {
+        return
+      }
       if (eventId) {
-        addZap(eventId, invoice, sats, comment)
+        addZap(eventId, zapResult.invoice, sats, comment)
       }
     } catch (error) {
       toast({

src/services/lightning.service.ts

@@ -48,7 +48,7 @@ class LightningService {
     comment: string,
     eventId?: string,
     closeOuterModel?: () => void
-  ): Promise<{ preimage: string; invoice: string }> {
+  ): Promise<{ preimage: string; invoice: string } | null> {
     if (!client.signer) {
       throw new Error('You need to be logged in to zap')
     }
@@ -112,6 +112,7 @@ class LightningService {
         onCancelled: () => {
           clearInterval(checkPaymentInterval)
           subCloser?.close()
+          resolve(null)
         }
       })