From 0d8974b9f39423f2847cfba33b9bb02133fb0476 Mon Sep 17 00:00:00 2001
From: ngc2207 <cfngc3109@gmail.com>
Date: Tue, 12 Nov 2024 16:06:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=9C=A8=E4=BB=A3=E7=A0=81=E7=89=87?=
 =?UTF-8?q?=E6=AE=B5=E7=BC=96=E8=BE=91=E8=A1=A8=E5=8D=95=E4=B8=AD=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=20Monaco=20Editor=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/snippet-edit-form.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/snippet-edit-form.tsx b/src/components/snippet-edit-form.tsx
index b6ac561..304ca20 100644
--- a/src/components/snippet-edit-form.tsx
+++ b/src/components/snippet-edit-form.tsx
@@ -1,11 +1,22 @@
 "use client";
 
 import { Snippet } from "@prisma/client";
+import { Editor } from "@monaco-editor/react";
 
 interface SnippetEditFormProps {
   snippet: Snippet;
 }
 
 export default function SnippetEditForm({ snippet }: SnippetEditFormProps) {
-  return <div>Client component has snippet with title {snippet.title}</div>;
+  return (
+    <div>
+      <Editor
+        height="40vh"
+        theme="vs-light"
+        language="c"
+        defaultValue={snippet.code}
+        options={{ minimap: { enabled: false } }}
+      />
+    </div>
+  );
 }