43 lines
927 B
JavaScript
43 lines
927 B
JavaScript
import { useQuery } from '@apollo/client'
|
|
import gql from 'graphql-tag'
|
|
import { Invoice } from '../../components/invoice'
|
|
import { LnQRSkeleton } from '../../components/lnqr'
|
|
import LayoutCenter from '../../components/layout-center'
|
|
|
|
export async function getServerSideProps ({ params: { id } }) {
|
|
return {
|
|
props: {
|
|
id
|
|
}
|
|
}
|
|
}
|
|
|
|
export default function FullInvoice ({ id }) {
|
|
const query = gql`
|
|
{
|
|
invoice(id: ${id}) {
|
|
id
|
|
bolt11
|
|
msatsReceived
|
|
cancelled
|
|
confirmedAt
|
|
expiresAt
|
|
}
|
|
}`
|
|
return (
|
|
<LayoutCenter>
|
|
<LoadInvoice query={query} />
|
|
</LayoutCenter>
|
|
)
|
|
}
|
|
|
|
function LoadInvoice ({ query }) {
|
|
const { loading, error, data } = useQuery(query, { pollInterval: 1000 })
|
|
if (error) return <div>error</div>
|
|
if (!data || loading) {
|
|
return <LnQRSkeleton status='loading' />
|
|
}
|
|
|
|
return <Invoice invoice={data.invoice} />
|
|
}
|