diff --git a/src/pages/Article.tsx b/src/pages/Article.tsx index 3282ab0..488dabd 100644 --- a/src/pages/Article.tsx +++ b/src/pages/Article.tsx @@ -50,7 +50,7 @@ const Article = () => { #{article.id} - {article.tags.length && ( + {
{article.tags.map((v, i) => (
{
))}
- )} + } = { 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++' }} />