91a0d1ccd7
* env vars for polling intervals add env vars for 4 different common polling intervals, fast (1000), normal (30000), long (60000), extra long (300000) use env vars in all `pollInterval` params to `useQuery` * replace `setInterval`'s interval with `FAST_POLL_INTERVAL`
30 lines
969 B
JavaScript
30 lines
969 B
JavaScript
import { useQuery } from '@apollo/client'
|
|
import { Invoice } from '@/components/invoice'
|
|
import { QrSkeleton } from '@/components/qr'
|
|
import { CenterLayout } from '@/components/layout'
|
|
import { useRouter } from 'next/router'
|
|
import { INVOICE } from '@/fragments/wallet'
|
|
import { FAST_POLL_INTERVAL, SSR } from '@/lib/constants'
|
|
import { getGetServerSideProps } from '@/api/ssrApollo'
|
|
|
|
// force SSR to include CSP nonces
|
|
export const getServerSideProps = getGetServerSideProps({ query: null })
|
|
|
|
export default function FullInvoice () {
|
|
const router = useRouter()
|
|
const { data, error } = useQuery(INVOICE, SSR
|
|
? {}
|
|
: {
|
|
pollInterval: FAST_POLL_INTERVAL,
|
|
variables: { id: router.query.id },
|
|
nextFetchPolicy: 'cache-and-network'
|
|
})
|
|
|
|
return (
|
|
<CenterLayout>
|
|
{error && <div>{error.toString()}</div>}
|
|
{data ? <Invoice invoice={data.invoice} /> : <QrSkeleton description status='loading' />}
|
|
</CenterLayout>
|
|
)
|
|
}
|