Tldraw/apps/www/pages/r/[id].tsx

36 wiersze
989 B
TypeScript
Czysty Zwykły widok Historia

2021-09-04 12:18:44 +00:00
import * as React from 'react'
import type { GetServerSideProps } from 'next'
import { getSession } from 'next-auth/react'
2021-09-04 12:18:44 +00:00
import dynamic from 'next/dynamic'
2022-07-08 20:25:08 +00:00
import { IFrameWarning } from 'components/IFrameWarning'
const MultiplayerEditor = dynamic(() => import('components/MultiplayerEditor'), {
ssr: false,
}) as any
2021-09-04 12:18:44 +00:00
interface RoomProps {
id: string
isSponsor: boolean
isUser: boolean
2021-09-04 12:18:44 +00:00
}
export default function Room({ id, isUser, isSponsor }: RoomProps) {
2022-07-08 20:31:32 +00:00
if (typeof window !== 'undefined' && window.self !== window.top) {
2022-07-08 20:25:08 +00:00
return <IFrameWarning url={`https://tldraw.com/r/${id}`} />
}
return <MultiplayerEditor isUser={isUser} isSponsor={isSponsor} roomId={id} />
2021-09-04 12:18:44 +00:00
}
export const getServerSideProps: GetServerSideProps = async (context) => {
const session = await getSession(context)
const id = context.query.id?.toString()
2021-09-04 12:18:44 +00:00
return {
props: {
id,
2021-11-19 14:33:15 +00:00
isUser: session?.user ? true : false,
isSponsor: session?.isSponsor ?? false,
2021-09-04 12:18:44 +00:00
},
}
}