statement

src/views/mission/codeeditor/CodeEditor.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import Editor from "@monaco-editor/react";
 import { upload } from "../../../assets/icons/input";
 import { cn } from "../../../lib/cn";
@@ -14,7 +14,12 @@ const languageMap: Record<string, string> = {
   csharp: "csharp"
 };
 
-const CodeEditor: React.FC = () => {
+export interface CodeEditorProps  {
+    onChange: (value: string) => void;
+    onChangeLanguage: (value: string) => void;
+}
+
+const CodeEditor: React.FC<CodeEditorProps> = ({onChange, onChangeLanguage}) => {
   const [language, setLanguage] = useState<string>("cpp");
   const [code, setCode] = useState<string>("");
   const [isDragging, setIsDragging] = useState<boolean>(false);
@@ -30,6 +35,13 @@ const CodeEditor: React.FC = () => {
     { value: "csharp", text: "C#" },
   ];
 
+  useEffect(() => {
+    onChange(code);
+  }, [code])
+  useEffect(() => {
+    onChangeLanguage(language);
+  }, [language])
+
   const handleFileUpload = (e: React.ChangeEvent<HTMLInputElement>) => {
     const file = e.target.files?.[0];
     if (!file) return;