highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-03-17 21:31:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

handle parsing invoice error

Browse Source
This commit is contained in:
hzrd149 2023-02-07 17:04:18 -06:00
parent 52aacb0fbb
commit 6059109fcd
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/invoice-button.tsx
View File

@ -2,12 +2,15 @@ import { useState } from "react";
import { Button } from "@chakra-ui/react";
import { requestProvider } from "webln";
import { getReadableAmount, parsePaymentRequest } from "../helpers/bolt11";
import { useAsync } from "react-use";
export type InvoiceButtonProps = {
paymentRequest: string;
};
export const InvoiceButton = ({ paymentRequest }: InvoiceButtonProps) => {
const invoice = parsePaymentRequest(paymentRequest);
const { value: invoice, error } = useAsync(async () =>
parsePaymentRequest(paymentRequest)
);
const [loading, setLoading] = useState(false);
const handleClick = async () => {
setLoading(true);
@ -25,6 +28,10 @@ export const InvoiceButton = ({ paymentRequest }: InvoiceButtonProps) => {
setLoading(false);
};
if (error) {
<>{paymentRequest}</>;
}
return (
<Button
colorScheme="yellow"
@ -32,7 +39,8 @@ export const InvoiceButton = ({ paymentRequest }: InvoiceButtonProps) => {
onClick={handleClick}
isLoading={loading}
>
⚡ Invoice for {invoice.amount ? getReadableAmount(invoice.amount) : "♾️"}
⚡ Invoice for{" "}
{invoice?.amount ? getReadableAmount(invoice.amount) : "♾️"}
</Button>
);
};