diff --git a/src/components/ContentWrap.jsx b/src/components/ContentWrap.jsx index 462d564..2ec2452 100644 --- a/src/components/ContentWrap.jsx +++ b/src/components/ContentWrap.jsx @@ -15,6 +15,7 @@ import { Console } from './Console'; import CssSettingsModal from './CssSettingsModal'; import { PreviewDimension } from './PreviewDimension.jsx'; import Modal from './Modal.jsx'; +import { LocalStorageKeys } from '../constants.js'; const minCodeWrapSize = 33; /* global htmlCodeEl @@ -24,7 +25,9 @@ export default class ContentWrap extends Component { constructor(props) { super(props); this.state = { - isConsoleOpen: false, + isConsoleOpen: + window.localStorage.getItem(LocalStorageKeys.WAS_CONSOLE_OPEN) === + 'true', isCssSettingsModalOpen: false, isPreviewNotWorkingModalVisible: false, logs: [] @@ -574,8 +577,10 @@ export default class ContentWrap extends Component { } toggleConsole() { - this.setState({ isConsoleOpen: !this.state.isConsoleOpen }); + const newValue = !this.state.isConsoleOpen; + this.setState({ isConsoleOpen: newValue }); trackEvent('ui', 'consoleToggle'); + window.localStorage.setItem(LocalStorageKeys.WAS_CONSOLE_OPEN, newValue); } consoleHeaderDblClickHandler(e) { if (!e.target.classList.contains('js-console__header')) { diff --git a/src/components/app.jsx b/src/components/app.jsx index 71bac5d..42ca747 100644 --- a/src/components/app.jsx +++ b/src/components/app.jsx @@ -68,15 +68,12 @@ import { import { commandPaletteService } from '../commandPaletteService'; import { I18nProvider } from '@lingui/react'; +import { LocalStorageKeys } from '../constants.js'; if (module.hot) { require('preact/debug'); } -const LocalStorageKeys = { - LOGIN_AND_SAVE_MESSAGE_SEEN: 'loginAndsaveMessageSeen', - ASKED_TO_IMPORT_CREATIONS: 'askedToImportCreations' -}; const UNSAVED_WARNING_COUNT = 15; const version = '5.0.3'; diff --git a/src/constants.js b/src/constants.js new file mode 100644 index 0000000..cb7da2f --- /dev/null +++ b/src/constants.js @@ -0,0 +1,5 @@ +export const LocalStorageKeys = { + LOGIN_AND_SAVE_MESSAGE_SEEN: 'loginAndsaveMessageSeen', + ASKED_TO_IMPORT_CREATIONS: 'askedToImportCreations', + WAS_CONSOLE_OPEN: 'wasConsoleOpen' +};