Save code to local storage

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<string, string> = {
     c: 'cpp',
@@ -23,19 +24,21 @@ const CodeEditor: React.FC<CodeEditorProps> = ({
     onChange,
     onChangeLanguage,
 }) => {
-    const [language, setLanguage] = useState<string>('C++');
+    const { missionId } = useParams<{ missionId: string }>();
+
     const [code, setCode] = useState<string>('');
     const [isDragging, setIsDragging] = useState<boolean>(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<string>('C++');
+
+    const getCodeKey = (missionId?: string) => `mission_${missionId}_code`;
 
     useEffect(() => {
         onChange(code);
@@ -44,6 +47,24 @@ const CodeEditor: React.FC<CodeEditorProps> = ({
         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<HTMLInputElement>) => {
         const file = e.target.files?.[0];
         if (!file) return;
@@ -95,7 +116,6 @@ const CodeEditor: React.FC<CodeEditorProps> = ({
                         onChange={(v) => {
                             setLanguage(v);
                         }}
-                        defaultState={{ value: 'C++', text: 'C++' }}
                     />
 
                     <label

src/views/mission/statement/Statement.tsx

@@ -5,6 +5,7 @@ import { CopyIcon } from '../../../assets/icons/missions';
 // import FullLatexRenderer from "./FullLatexRenderer";
 
 import { useState } from 'react';
+import { toastSuccess } from '../../../lib/toastNotification';
 
 interface CopyableDivPropd {
     content: string;
@@ -16,7 +17,7 @@ const CopyableDiv: FC<CopyableDivPropd> = ({ content }) => {
     const handleCopy = async () => {
         try {
             await navigator.clipboard.writeText(content);
-            alert('Скопировано!');
+            toastSuccess('Скопировано!');
         } catch (err) {}
     };