fix shift when loading paid invoice

This commit is contained in:
keyan 2024-04-16 16:28:22 -05:00
parent 052e36f6ed
commit a0f3e338a8
1 changed files with 15 additions and 8 deletions

View File

@ -53,14 +53,21 @@ export function Invoice ({ invoice, modal, onPayment, info, successVerb, webLn }
description={numWithUnits(invoice.satsRequested, { abbreviate: false })} description={numWithUnits(invoice.satsRequested, { abbreviate: false })}
statusVariant={variant} status={status} statusVariant={variant} status={status}
/> />
{!invoice.confirmedAt && {invoice.confirmedAt
<div className='text-muted text-center'> ? (
<Countdown <div className='text-muted text-center invisible'>
date={invoice.expiresAt} onComplete={() => { <Countdown date={Date.now()} />
setExpired(true) </div>
}} )
/> : (
</div>} <div className='text-muted text-center'>
<Countdown
date={invoice.expiresAt} onComplete={() => {
setExpired(true)
}}
/>
</div>
)}
{!modal && {!modal &&
<> <>
{info && <div className='text-muted fst-italic text-center'>{info}</div>} {info && <div className='text-muted fst-italic text-center'>{info}</div>}