diff --git a/src/views/mission/codeeditor/CodeEditor.tsx b/src/views/mission/codeeditor/CodeEditor.tsx index 0f501f4..1ee3f26 100644 --- a/src/views/mission/codeeditor/CodeEditor.tsx +++ b/src/views/mission/codeeditor/CodeEditor.tsx @@ -3,6 +3,7 @@ import Editor from '@monaco-editor/react'; import { upload } from '../../../assets/icons/input'; import { cn } from '../../../lib/cn'; import { DropDownList } from '../../../components/input/DropDownList'; +import { useParams } from 'react-router-dom'; const languageMap: Record = { c: 'cpp', @@ -23,19 +24,21 @@ const CodeEditor: React.FC = ({ onChange, onChangeLanguage, }) => { - const [language, setLanguage] = useState('C++'); + const { missionId } = useParams<{ missionId: string }>(); + const [code, setCode] = useState(''); const [isDragging, setIsDragging] = useState(false); const items = [ - { value: 'c', text: 'C' }, { value: 'C++', text: 'C++' }, { value: 'java', text: 'Java' }, { value: 'python', text: 'Python' }, - { value: 'pascal', text: 'Pascal' }, { value: 'kotlin', text: 'Kotlin' }, { value: 'csharp', text: 'C#' }, ]; + const [language, setLanguage] = useState('C++'); + + const getCodeKey = (missionId?: string) => `mission_${missionId}_code`; useEffect(() => { onChange(code); @@ -44,6 +47,24 @@ const CodeEditor: React.FC = ({ onChangeLanguage(language); }, [language]); + useEffect(() => { + if (!missionId || !code) return; + + localStorage.setItem(getCodeKey(missionId), code); + }, [code, missionId]); + + useEffect(() => { + if (!missionId) return; + + const savedCode = localStorage.getItem(getCodeKey(missionId)); + + if (savedCode !== null) { + setCode(savedCode); + } else { + setCode(''); + } + }, [missionId]); + const handleFileUpload = (e: React.ChangeEvent) => { const file = e.target.files?.[0]; if (!file) return; @@ -95,7 +116,6 @@ const CodeEditor: React.FC = ({ onChange={(v) => { setLanguage(v); }} - defaultState={{ value: 'C++', text: 'C++' }} />