51 lines
1.3 KiB
JavaScript
51 lines
1.3 KiB
JavaScript
import AccordianItem from './accordian-item'
|
|
import { CopyInput } from './form'
|
|
import { bolt11Tags } from '@/lib/bolt11'
|
|
|
|
export default ({ bolt11, preimage, children }) => {
|
|
let description, paymentHash
|
|
if (bolt11) {
|
|
({ description, payment_hash: paymentHash } = bolt11Tags(bolt11))
|
|
}
|
|
|
|
return (
|
|
<div className={`w-100 ${!description && !paymentHash && !preimage ? 'invisible' : ''}`}>
|
|
<AccordianItem
|
|
header='BOLT11 information'
|
|
body={
|
|
<>
|
|
{description &&
|
|
<CopyInput
|
|
label='description'
|
|
size='sm'
|
|
groupClassName='w-100'
|
|
readOnly
|
|
noForm
|
|
placeholder={description}
|
|
/>}
|
|
{paymentHash &&
|
|
<CopyInput
|
|
label='payment hash'
|
|
size='sm'
|
|
groupClassName='w-100'
|
|
readOnly
|
|
noForm
|
|
placeholder={paymentHash}
|
|
/>}
|
|
{preimage &&
|
|
<CopyInput
|
|
label='preimage'
|
|
size='sm'
|
|
groupClassName='w-100'
|
|
readOnly
|
|
noForm
|
|
placeholder={preimage}
|
|
/>}
|
|
{children}
|
|
</>
|
|
}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|