Skip to content

Commit eaf0436

Browse files
author
Incharajayaram
committed
feat: Implement automatic code saving and loading to local storage
1 parent 0d61918 commit eaf0436

File tree

1 file changed

+12
-1
lines changed

1 file changed

+12
-1
lines changed

src/pages/EditorComponent.js

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -133,9 +133,20 @@ function EditorComponent() {
133133
DEFAULT_LANGUAGE: selectedLanguage.DEFAULT_LANGUAGE,
134134
NAME: selectedLanguage.NAME,
135135
});
136-
setCode(selectedLanguage.HELLO_WORLD);
136+
const savedCode = localStorage.getItem(`code-${currentLanguage}`);
137+
if (savedCode) {
138+
setCode(savedCode);
139+
} else {
140+
setCode(selectedLanguage.HELLO_WORLD);
141+
}
137142
}, [currentLanguage]);
138143

144+
useEffect(() => {
145+
if (code) {
146+
localStorage.setItem(`code-${currentLanguage}`, code);
147+
}
148+
}, [code, currentLanguage]);
149+
139150
const handleEditorThemeChange = async (_, theme) => {
140151
if (["light", "vs-dark"].includes(theme.ID)) {
141152
setCurrentEditorTheme(theme);

0 commit comments

Comments
 (0)