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++' }}
/>