import Login from '../../components/login' import { getProviders } from 'next-auth/react' import { getServerSession } from 'next-auth/next' import models from '../../api/models' import serialize from '../../api/resolvers/serial' import { gql } from '@apollo/client' import { INVITE_FIELDS } from '../../fragments/invites' import getSSRApolloClient from '../../api/ssrApollo' import Link from 'next/link' import { CenterLayout } from '../../components/layout' import { getAuthOptions } from '../api/auth/[...nextauth]' import { sendUserNotification } from '../../api/webPush' export async function getServerSideProps ({ req, res, query: { id, error = null } }) { const session = await getServerSession(req, res, getAuthOptions(req)) const client = await getSSRApolloClient({ req, res }) const { data } = await client.query({ query: gql` ${INVITE_FIELDS} { invite(id: "${id}") { ...InviteFields } }` }) if (!data?.invite) { return { notFound: true } } if (session && res) { try { // attempt to send gift // catch any errors and just ignore them for now await serialize(models, models.$queryRawUnsafe('SELECT invite_drain($1::INTEGER, $2::INTEGER)', session.user.id, id)) const invite = await models.invite.findUnique({ where: { id } }) sendUserNotification(invite.userId, { title: 'your invite has been redeemed', tag: 'INVITE' }).catch(console.error) } catch (e) { console.log(e) } return { redirect: { destination: '/', permanent: false } } } return { props: { providers: await getProviders(), callbackUrl: process.env.PUBLIC_URL + req.url, invite: data.invite, error } } } function InviteHeader ({ invite }) { let Inner if (invite.revoked) { Inner = () => <div className='text-danger'>this invite link expired</div> } else if ((invite.limit && invite.limit <= invite.invitees.length) || invite.poor) { Inner = () => <div className='text-danger'>this invite link has no more sats</div> } else { Inner = () => ( <div> Get <span className='text-success'>{invite.gift} free sats</span> from{' '} <Link href={`/${invite.user.name}`}>@{invite.user.name}</Link>{' '} when you sign up today </div> ) } return ( <h3 className='text-center pb-3'> <Inner /> </h3> ) } export default function Invite ({ invite, ...props }) { return ( <CenterLayout> <Login Header={() => <InviteHeader invite={invite} />} text='Sign up' {...props} /> </CenterLayout> ) }