diff --git a/src/app/(app)/problems/[id]/@workspace/@editor/page.tsx b/src/app/(app)/problems/[id]/@workspace/@editor/page.tsx
index 453b337..82139cb 100644
--- a/src/app/(app)/problems/[id]/@workspace/@editor/page.tsx
+++ b/src/app/(app)/problems/[id]/@workspace/@editor/page.tsx
@@ -1,5 +1,28 @@
+import prisma from "@/lib/prisma";
 import CodeEditor from "@/components/code-editor";
 
-export default function WorkspaceEditorPage() {
-  return <CodeEditor />;
+interface WorkspaceEditorProps {
+  params: Promise<{ id: string }>
+}
+
+export default async function WorkspaceEditorPage({
+  params,
+}: WorkspaceEditorProps) {
+  const { id } = await params;
+
+  const problem = await prisma.problem.findUnique({
+    where: { id: parseInt(id) },
+    select: {
+      templates: {
+        select: {
+          language: true,
+          template: true,
+        }
+      }
+    }
+  });
+
+  const templates = problem?.templates ?? [];
+
+  return <CodeEditor problemId={id} templates={templates} />;
 }