jfinn
/
tldraw_0


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
							import Head from 'next/head'
import { signIn, signOut, getSession, useSession } from 'next-auth/client'
import { GetServerSidePropsContext } from 'next'

export default function Home({
  ssrSession,
  isOwner,
  isSponsor,
}: {
  isOwner: boolean
  isSponsor: boolean
  ssrSession: any
}) {
  const [session, loading] = useSession()
  return (
    <>
      <Head>
        <title>tldraw</title>
      </Head>
      <div>
        <button onClick={() => signIn()}>Sign In</button>
        <button onClick={() => signOut()}>Sign Out</button>
        <p>{loading && 'Loading...'}</p>
        <pre>{JSON.stringify(session, null, 2)}</pre>
        <p>Is owner? {isOwner.toString()}</p>
        <p>Is sponsor? {isSponsor.toString()}</p>

        {isSponsor ? (
          <p>
            <b>Hey, thanks for sponsoring me!</b>
          </p>
        ) : (
          <p>
            <b>
              This site is just for my github sponsors.{' '}
              <a
                href="https://github.com/sponsors/steveruizok"
                target="_blank"
                rel="noopener noreferrer"
              >
                Sponsor here!
              </a>
            </b>
          </p>
        )}
      </div>
    </>
  )
}

export async function getServerSideProps(context: GetServerSidePropsContext) {
  let isSponsor = false

  const session = await getSession(context)

  if (session?.user) {
    const id = session.user.image.match(/u\/(.*)\?/)?.[1]

    const sponsors = await fetch(
      'https://sponsors.trnck.dev/sponsors/steveruizok'
    ).then((d) => d.json().then((d) => d.sponsors))

    const sponsor = sponsors.find((sponsor: { avatar: string }) =>
      sponsor.avatar.includes(id)
    )

    console.log(
      JSON.stringify({
        user: session.user,
        sponsors: sponsors.map((sponsor: any) => sponsor.avatar),
        isSponsor: sponsor !== undefined,
      })
    )

    isSponsor = sponsor !== undefined
  }

  return {
    props: {
      isOwner: session?.user?.image.includes('23072548') || false,
      isSponsor,
      ssrSession: session,
    },
  }
}