diff --git a/src/components/Zap.tsx b/src/components/Zap.tsx index 5a1fe9f..dfd1a74 100644 --- a/src/components/Zap.tsx +++ b/src/components/Zap.tsx @@ -2,6 +2,7 @@ import { getRelayListForUser } from '@nostr-dev-kit/ndk' import { QRCodeSVG } from 'qrcode.react' import React, { Dispatch, + PropsWithChildren, ReactNode, SetStateAction, useCallback, @@ -135,8 +136,9 @@ export const ZapQR = React.memo( handleClose, handleQRExpiry, setTotalZapAmount, - setHasZapped - }: ZapQRProps) => { + setHasZapped, + children + }: PropsWithChildren) => { const { ndk } = useNDKContext() useDidMount(() => { @@ -176,13 +178,22 @@ export const ZapQR = React.memo( } return ( -
+
) } @@ -749,6 +761,56 @@ export const ZapSplit = ({ if (!invoices) return null const authorInvoice = invoices.get('author') + const feedback = (isFirst: boolean) => ( +
+
+ + + + 1st Invoice +
+
+ + + + 2nd Invoice +
+
+ ) if (authorInvoice) { return ( removeInvoice('author')} setTotalZapAmount={setTotalZapAmount} setHasZapped={setHasZapped} - /> + > + {feedback(true)} + ) } @@ -773,7 +837,9 @@ export const ZapSplit = ({ handleClose() }} handleQRExpiry={() => removeInvoice('admin')} - /> + > + {feedback(false)} + ) }