feat: add lightning status to hooksDemo

fedimint · Oct 22, 2024 · d28c47b · d28c47b
1 parent 3cd12e1
commit d28c47b
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 6 deletions.
diff --git a/packages/react/lib/hooks/useLightningInvoice.ts b/packages/react/lib/hooks/useLightningInvoice.ts
@@ -7,7 +7,8 @@ export const useLightningInvoice = () => {
   const { walletStatus } = useOpenWallet()
   const [invoice, setInvoice] = useState<CreateBolt11Response>()
   const [isPaid, setIsPaid] = useState<boolean>()
-  const [invoiceStatus, setInvoiceStatus] = useState<LnReceiveState>()
+  const [invoiceReceiveState, setInvoiceReceiveState] =
+    useState<LnReceiveState>()
   const [error, setError] = useState<string>()
 
   const generateInvoice = useCallback(
@@ -25,7 +26,7 @@ export const useLightningInvoice = () => {
     const unsubscribe = wallet.lightning.subscribeLnReceive(
       invoice.operation_id,
       (state) => {
-        setInvoiceStatus(state)
+        setInvoiceReceiveState(state)
       },
       (error) => {
         setError(error)
@@ -40,7 +41,7 @@ export const useLightningInvoice = () => {
   return {
     generateInvoice,
     bolt11: invoice?.invoice,
-    invoiceStatus,
+    invoiceStatus: invoiceReceiveState,
     isPaid,
     error,
   }

diff --git a/packages/react/src/components/HooksDemo.tsx b/packages/react/src/components/HooksDemo.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react'
+import React from 'react'
 import {
   useBalance,
   useLightningInvoice,
@@ -9,7 +9,6 @@ import {
 function HooksDemo() {
   const balance = useBalance()
   const { walletStatus, openWallet, joinFederation } = useOpenWallet()
-  const wallet = useFedimintWallet()
   const isOpen = walletStatus === 'open'
   const { generateInvoice, bolt11, invoiceStatus, isPaid, error } =
     useLightningInvoice()
@@ -68,7 +67,24 @@ function HooksDemo() {
           <b>bolt11:</b>
           <p className="truncate">{bolt11 ? bolt11 : 'no invoice generated'}</p>
         </div>
-        <div className="row"></div>
+        <div className="row">
+          <b>invoiceStatus:</b>
+          <p>
+            {typeof invoiceStatus === 'string'
+              ? invoiceStatus
+              : typeof invoiceStatus === 'object'
+                ? Object.keys(invoiceStatus)[0]
+                : 'no invoice status'}
+          </p>
+        </div>
+        <div className="row">
+          <b>isPaid:</b>
+          <p>{isPaid ? 'true' : 'false'}</p>
+        </div>
+        <div className="row">
+          <b>error:</b>
+          <p>{error}</p>
+        </div>
       </div>
     </>
   )