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 ( {error &&
{error.toString()}
} {data ? : }
) }