github-such-software/xmrcheckout
1
0
Fork 0
mirror of https://github.com/Such-Software/xmrcheckout.git synced 2026-10-17 05:51:34 +02:00
Code Issues Packages Projects Releases Wiki Activity

ui: add amount copy button to btcpay classic invoice

Browse Source
This commit is contained in:
xmrcheckout
2026-01-08 18:30:28 +00:00
parent a4df797294
commit 1125eb90a5
1 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/components/btcpay-classic-checkout.tsx
+20 -4
View File
@@ -289,9 +289,16 @@ export default function BtcpayClassicCheckout({
<p className="text-sm font-semibold uppercase tracking-[0.2em] text-ink-soft">
Payment request
</p>
<p className="mt-3 text-[1.9rem] font-semibold text-ink">
{formattedAmount} XMR
</p>
<div className="mt-3 flex flex-wrap items-center justify-center gap-3">
<p className="text-[1.9rem] font-semibold text-ink">{formattedAmount} XMR</p>
<button
className="rounded-full border border-stroke bg-white/80 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink-soft transition hover:bg-white"
type="button"
onClick={() => handleCopy(formattedAmount, "amount")}
>
{copiedField === "amount" ? "Copied" : "Copy"}
</button>
</div>
<p className="mt-2 text-sm text-sage">{statusMessage(status, confirmationTarget)}</p>
</div>
@@ -319,7 +326,16 @@ export default function BtcpayClassicCheckout({
</div>
<div className="flex items-center justify-between gap-4">
<dt className="text-ink-soft">Amount due</dt>
<dd className="font-semibold">{formattedAmount} XMR</dd>
<dd className="flex items-center gap-2 font-semibold">
<span>{formattedAmount} XMR</span>
<button
className="rounded-full border border-stroke bg-white/80 px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-ink-soft transition hover:bg-white"
type="button"
onClick={() => handleCopy(formattedAmount, "amount")}
>
{copiedField === "amount" ? "Copied" : "Copy"}
</button>
</dd>
</div>
</dl>
</details>