35 lines
700 B
TypeScript
35 lines
700 B
TypeScript
|
import * as React from 'react'
|
||
|
|
import type { GetServerSideProps } from 'next'
|
||
|
|
import Head from 'next/head'
|
||
|
|
|
||
|
|
interface RoomProps {
|
||
|
|
id?: string
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function RandomRoomPage({ id }: RoomProps): JSX.Element {
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<Head>
|
||
|
|
<title>tldraw</title>
|
||
|
|
</Head>
|
||
|
|
<div>Should have routed to room: {id}</div>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export const getServerSideProps: GetServerSideProps = async (context) => {
|
||
|
|
// Generate random id
|
||
|
|
const id = Date.now().toString()
|
||
|
|
|
||
|
|
// Route to a room with that id
|
||
|
|
context.res.setHeader('Location', `/r/${id}`)
|
||
|
|
context.res.statusCode = 307
|
||
|
|
|
||
|
|
// Return id (though it shouldn't matter)
|
||
|
|
return {
|
||
|
|
props: {
|
||
|
|
id,
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|