36 lines
989 B
TypeScript
36 lines
989 B
TypeScript
import Navbar from "@/components/editor/navbar"
|
|
import { User } from "@/lib/types"
|
|
import { currentUser } from "@clerk/nextjs"
|
|
import dynamic from "next/dynamic"
|
|
import { redirect } from "next/navigation"
|
|
|
|
const CodeEditor = dynamic(() => import("@/components/editor"), {
|
|
ssr: false,
|
|
})
|
|
|
|
const getUserData = async (id: string) => {
|
|
const userRes = await fetch(`http://localhost:8787/api/user?id=${id}`)
|
|
const userData: User = await userRes.json()
|
|
return userData
|
|
}
|
|
|
|
export default async function CodePage({ params }: { params: { id: string } }) {
|
|
const user = await currentUser()
|
|
const sandboxId = params.id
|
|
|
|
if (!user) {
|
|
redirect("/")
|
|
}
|
|
|
|
const userData = await getUserData(user.id)
|
|
|
|
return (
|
|
<div className="overflow-hidden overscroll-none w-screen flex flex-col h-screen bg-background">
|
|
<Navbar userData={userData} />
|
|
<div className="w-screen flex grow">
|
|
<CodeEditor userId={user.id} sandboxId={sandboxId} />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|