Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: formatting

Browse Source
This commit is contained in:
Kieran
2024-01-04 16:11:10 +00:00
parent 7bc00b4624
commit 47d92fe171
8 changed files with 217 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
packages/app/src/Pages/wallet/send.tsx
View File

@ -1,75 +1,100 @@
import AsyncButton from "@/Components/Button/AsyncButton";
import Icon from "@/Components/Icons/Icon";
import { formatShort } from "@/Utils/Number";
import { WalletInvoice, useWallet } from "@/Wallet"
import { WalletInvoice, useWallet } from "@/Wallet";
import { LNURL } from "@snort/shared";
import { useEffect, useState } from "react";
import { FormattedMessage, FormattedNumber, useIntl } from "react-intl";
import { useNavigate } from "react-router-dom";
export function WalletSendPage() {
const wallets = useWallet();
const { formatMessage } = useIntl();
const [invoice, setInvoice] = useState("");
const [error, setError] = useState("");
const [lnurl, isLnurl] = useState(true);
const [amount, setAmount] = useState(0);
const [comment, setComment] = useState("");
const [result, setResult] = useState<WalletInvoice>();
const wallets = useWallet();
const { formatMessage } = useIntl();
const [invoice, setInvoice] = useState("");
const [error, setError] = useState("");
const [lnurl, isLnurl] = useState(true);
const [amount, setAmount] = useState(0);
const [comment, setComment] = useState("");
const [result, setResult] = useState<WalletInvoice>();
useEffect(() => {
isLnurl(!invoice.startsWith("lnbc"))
}, [invoice]);
useEffect(() => {
isLnurl(!invoice.startsWith("lnbc"));
}, [invoice]);
return <div className="p flex flex-col gap-4">
<div className="text-2xl font-bold">
<FormattedMessage defaultMessage="Send" id="9WRlF4" />
</div>
<p>
<FormattedMessage defaultMessage="Sending from <b>{wallet}</b>" id="Xnimz0" values={{
b: b => <b>&quot;{b}&quot;</b>,
wallet: wallets.config?.info.alias
}} />
</p>
<input type="text" placeholder={formatMessage({ defaultMessage: "Invoice / Lightning Address", id: 'EHqHsu' })} value={invoice} onChange={e => setInvoice(e.target.value)} />
{lnurl && <>
<input type="text" placeholder={formatMessage({ defaultMessage: "Comment", id: 'LgbKvU' })} value={comment} onChange={e => setComment(e.target.value)} />
<div className="flex flex-col">
<small>
<FormattedMessage defaultMessage="Amount in sats" id="djLctd" />
</small>
<input type="number" value={amount} onChange={e => setAmount(Number(e.target.value))} />
</div>
</>}
<AsyncButton onClick={async () => {
try {
if (wallets.wallet) {
if (!isLnurl) {
const res = await wallets.wallet.payInvoice(invoice);
setResult(res);
} else {
const lnurl = new LNURL(invoice);
await lnurl.load();
const pr = await lnurl.getInvoice(amount, comment);
if (pr.pr) {
const res = await wallets.wallet.payInvoice(pr.pr);
setResult(res);
}
}
return (
<div className="p flex flex-col gap-4">
<div className="text-2xl font-bold">
<FormattedMessage defaultMessage="Send" id="9WRlF4" />
</div>
<p>
<FormattedMessage
defaultMessage="Sending from <b>{wallet}</b>"
id="Xnimz0"
values={{
b: b => <b>&quot;{b}&quot;</b>,
wallet: wallets.config?.info.alias,
}}
/>
</p>
<input
type="text"
placeholder={formatMessage({ defaultMessage: "Invoice / Lightning Address", id: "EHqHsu" })}
value={invoice}
onChange={e => setInvoice(e.target.value)}
/>
{lnurl && (
<>
<input
type="text"
placeholder={formatMessage({ defaultMessage: "Comment", id: "LgbKvU" })}
value={comment}
onChange={e => setComment(e.target.value)}
/>
<div className="flex flex-col">
<small>
<FormattedMessage defaultMessage="Amount in sats" id="djLctd" />
</small>
<input type="number" value={amount} onChange={e => setAmount(Number(e.target.value))} />
</div>
</>
)}
<AsyncButton
onClick={async () => {
try {
if (wallets.wallet) {
if (!isLnurl) {
const res = await wallets.wallet.payInvoice(invoice);
setResult(res);
} else {
const lnurl = new LNURL(invoice);
await lnurl.load();
const pr = await lnurl.getInvoice(amount, comment);
if (pr.pr) {
const res = await wallets.wallet.payInvoice(pr.pr);
setResult(res);
}
} catch (e) {
setError((e as Error).message);
}
}
} catch (e) {
setError((e as Error).message);
}
}}>
<FormattedMessage defaultMessage="Pay" id="lD3+8a" />
</AsyncButton>
{error && <b className="warning">{error}</b>}
{result && <div className="flex gap-2">
<Icon name="check" className="success" />
<FormattedMessage defaultMessage="Paid {amount} sats, fee {fee} sats" id="aRex7h" values={{
amount: <FormattedNumber value={result.amount / 1000} />,
fee: <FormattedNumber value={result.fees / 1000} />
}} />
</div>}
<FormattedMessage defaultMessage="Pay" id="lD3+8a" />
</AsyncButton>
{error && <b className="warning">{error}</b>}
{result && (
<div className="flex gap-2">
<Icon name="check" className="success" />
<FormattedMessage
defaultMessage="Paid {amount} sats, fee {fee} sats"
id="aRex7h"
values={{
amount: <FormattedNumber value={result.amount / 1000} />,
fee: <FormattedNumber value={result.fees / 1000} />,
}}
/>
</div>
)}
</div>
}
);
}