diff --git a/packages/web/src/icons/FontIcon.svelte b/packages/web/src/icons/FontIcon.svelte index 2c5cc0bfb..6593016be 100644 --- a/packages/web/src/icons/FontIcon.svelte +++ b/packages/web/src/icons/FontIcon.svelte @@ -40,8 +40,8 @@ 'icon columns': 'mdi mdi-view-column', 'icon columns-outline': 'mdi mdi-view-column-outline', - 'icon single-database-mode': 'mdi mdi-database-lock', - 'icon multi-database-mode': 'mdi mdi-database-eye', + 'icon locked-database-mode': 'mdi mdi-database-lock', + 'icon unlocked-database-mode': 'mdi mdi-database-eye', 'icon database': 'mdi mdi-database', 'icon server': 'mdi mdi-server', diff --git a/packages/web/src/settings/SettingsModal.svelte b/packages/web/src/settings/SettingsModal.svelte index 674774c90..c111d67c7 100644 --- a/packages/web/src/settings/SettingsModal.svelte +++ b/packages/web/src/settings/SettingsModal.svelte @@ -24,7 +24,7 @@ currentEditorTheme, extensions, selectedWidget, - singleDatabaseMode, + lockedDatabaseMode, visibleWidgetSideBar, } from '../stores'; import { isMac } from '../utility/common'; @@ -115,11 +115,11 @@ ORDER BY type="checkbox" labelProps={{ onClick: () => { - $singleDatabaseMode = !$singleDatabaseMode; + $lockedDatabaseMode = !$lockedDatabaseMode; }, }} > - ($singleDatabaseMode = e.target.checked)} /> + ($lockedDatabaseMode = e.target.checked)} /> (false, 'singleDatabaseMode'); +export const lockedDatabaseMode = writableWithStorage(false, 'lockedDatabaseMode'); export const visibleWidgetSideBar = writableWithStorage(true, 'visibleWidgetSideBar'); export const visibleSelectedWidget = derived( [selectedWidget, visibleWidgetSideBar], @@ -138,7 +138,7 @@ subscribeCssVariable(visibleSelectedWidget, x => (x ? 1 : 0), '--dim-visible-lef // subscribeCssVariable(visibleToolbar, x => (x ? 1 : 0), '--dim-visible-toolbar'); subscribeCssVariable(leftPanelWidth, x => `${x}px`, '--dim-left-panel-width'); subscribeCssVariable(visibleTitleBar, x => (x ? 1 : 0), '--dim-visible-titlebar'); -subscribeCssVariable(singleDatabaseMode, x => (x ? 0 : 1), '--dim-visible-tabs-databases'); +subscribeCssVariable(lockedDatabaseMode, x => (x ? 0 : 1), '--dim-visible-tabs-databases'); let activeTabIdValue = null; activeTabId.subscribe(value => { @@ -200,11 +200,11 @@ pinnedDatabases.subscribe(value => { }); export const getPinnedDatabases = () => _.compact(pinnedDatabasesValue); -let singleDatabaseModeValue = null; -singleDatabaseMode.subscribe(value => { - singleDatabaseModeValue = value; +let lockedDatabaseModeValue = null; +lockedDatabaseMode.subscribe(value => { + lockedDatabaseModeValue = value; }); -export const getSingleDatabaseMode = () => singleDatabaseModeValue; +export const getLockedDatabaseMode = () => lockedDatabaseModeValue; let currentDatabaseValue = null; currentDatabase.subscribe(value => { diff --git a/packages/web/src/utility/changeCurrentDbByTab.ts b/packages/web/src/utility/changeCurrentDbByTab.ts index 46424320f..3f4ba1a23 100644 --- a/packages/web/src/utility/changeCurrentDbByTab.ts +++ b/packages/web/src/utility/changeCurrentDbByTab.ts @@ -1,5 +1,5 @@ import _ from 'lodash'; -import { currentDatabase, getCurrentDatabase, getSingleDatabaseMode, openedTabs } from '../stores'; +import { currentDatabase, getCurrentDatabase, getLockedDatabaseMode, openedTabs } from '../stores'; import { shouldShowTab } from '../widgets/TabsPanel.svelte'; import { callWhenAppLoaded } from './appLoadManager'; import { getConnectionInfo } from './metadataLoaders'; @@ -9,7 +9,7 @@ let lastCurrentTab = null; openedTabs.subscribe(value => { const newCurrentTab = (value || []).find(x => x.selected); if (newCurrentTab == lastCurrentTab) return; - if (getSingleDatabaseMode() && getCurrentDatabase()) return; + if (getLockedDatabaseMode() && getCurrentDatabase()) return; const lastTab = lastCurrentTab; lastCurrentTab = newCurrentTab; @@ -31,7 +31,7 @@ openedTabs.subscribe(value => { }); currentDatabase.subscribe(currentDb => { - if (!getSingleDatabaseMode()) return; + if (!getLockedDatabaseMode()) return; openedTabs.update(tabs => { const newTabs = tabs.map(tab => ({ ...tab, diff --git a/packages/web/src/widgets/TabsPanel.svelte b/packages/web/src/widgets/TabsPanel.svelte index 5df04a1d5..39bbba912 100644 --- a/packages/web/src/widgets/TabsPanel.svelte +++ b/packages/web/src/widgets/TabsPanel.svelte @@ -1,11 +1,11 @@