(true);
function onSelectChange(sl: languageOption | null): void {
- console.log("Selected option ", sl);
if (sl !== null) {
setLanguage(sl);
setUpdated(false);
@@ -142,6 +143,7 @@ export default function IDE({initCode, initLang, setIsIDEOpen, editorRef}: IDEPr
const langIndex = languageOptions.findIndex(function(obj){return obj.id == language.id});
newCode.dataset.lang = "" + langIndex;
newCode.id = "active";
+ newCode.className = "ide-code";
editor.dom.replace(newCode, oldCode);
}
@@ -153,11 +155,12 @@ export default function IDE({initCode, initLang, setIsIDEOpen, editorRef}: IDEPr
return (
-
+
diff --git a/starter-frontend/src/components/ide/LanguagesDropdown.tsx b/starter-frontend/src/components/ide/LanguagesDropdown.tsx
index 1f04656..cf96ab8 100644
--- a/starter-frontend/src/components/ide/LanguagesDropdown.tsx
+++ b/starter-frontend/src/components/ide/LanguagesDropdown.tsx
@@ -7,10 +7,11 @@ import Select, { SingleValue } from "react-select";
import { languageOptions, languageOption } from "./languageOptions";
type LanguagesDropdownProps = {
- onSelectChange: (sl: languageOption | null) => void
+ onSelectChange: (sl: languageOption | null) => void,
+ language: languageOption
}
-export default function LanguagesDropdown( { onSelectChange }: LanguagesDropdownProps ): JSX.Element {
+export default function LanguagesDropdown( { onSelectChange, language }: LanguagesDropdownProps ): JSX.Element {
const customStyles = {
control: (provided, state) => ({
...provided,
@@ -46,7 +47,8 @@ export default function LanguagesDropdown( { onSelectChange }: LanguagesDropdown
return (