diff --git a/ivette/src/ivette/prefs.tsx b/ivette/src/ivette/prefs.tsx index d71fab48e1d45ffa4077584fe3b599c14dd64d74..039b544df6dd1a1cc8aac207f80dd3301e144e2a 100644 --- a/ivette/src/ivette/prefs.tsx +++ b/ivette/src/ivette/prefs.tsx @@ -44,7 +44,7 @@ import { ipcRenderer } from 'electron'; export const THEMES = [ { id: 'light', label: 'Light' }, { id: 'dark', label: 'Dark' }, - { id: 'system', label: 'System' }, + { id: 'system', label: 'System Defaults' }, ]; // -------------------------------------------------------------------------- @@ -86,7 +86,7 @@ ipcRenderer.on('dome.ipc.settings.defaults', () => { export function useThemeColors() { const [themeColors] = Settings.useGlobalSettings(ColorTheme); const invoke = () => ipcRenderer.invoke('theme-color:which-system'); - const { result } : { result: 'dark' | 'light' } = usePromise(invoke()); + const { result }: { result: 'dark' | 'light' } = usePromise(invoke()); if (themeColors === 'system') return result === 'dark' ? 'dark-code' : 'default'; return themeColors === 'dark' ? 'dark-code' : 'default'; diff --git a/ivette/src/renderer/Preferences.tsx b/ivette/src/renderer/Preferences.tsx index bff3987eec58793b02f98418e6e79385b3152cd8..b9f5959eaf67a7f9fca0edfb389047f34580f447 100644 --- a/ivette/src/renderer/Preferences.tsx +++ b/ivette/src/renderer/Preferences.tsx @@ -39,13 +39,13 @@ import React from 'react'; import * as Settings from 'dome/data/settings'; import * as Forms from 'dome/layout/forms'; -import * as P from 'ivette/prefs'; +import * as IvettePrefs from 'ivette/prefs'; // -------------------------------------------------------------------------- // --- Font Forms // -------------------------------------------------------------------------- -function ThemeFields(props: P.ThemeProps) { +function ThemeFields(props: IvettePrefs.ThemeProps) { const fontsize = Forms.useValid( Settings.useGlobalSettings(props.fontSize), ); @@ -73,12 +73,12 @@ function ThemeFields(props: P.ThemeProps) { } function ColorThemeFields() { - const [theme, setTheme] = Settings.useGlobalSettings(P.ColorTheme); - const elements = P.THEMES.map(({ id, label }) => { + const [theme, setTheme] = Settings.useGlobalSettings(IvettePrefs.ColorTheme); + const elements = IvettePrefs.THEMES.map(({ id, label }) => { return <option value={id} key={id}>{label}</option>; }); const set = (t: string | undefined) => { - if (t) { P.forceThemeUpdate(t); setTheme(t); } + if (t) { IvettePrefs.forceThemeUpdate(t); setTheme(t); } }; return ( <Forms.SelectField label={'Color theme'} state={[theme, undefined, set]}> @@ -91,7 +91,7 @@ function ColorThemeFields() { // -------------------------------------------------------------------------- // --- Editor Command Forms // -------------------------------------------------------------------------- -function EditorCommandFields(props: P.EditorCommandProps) { +function EditorCommandFields(props: IvettePrefs.EditorCommandProps) { const cmd = Forms.useDefined(Forms.useValid( Settings.useGlobalSettings(props.command), )); @@ -110,24 +110,24 @@ export default function Preferences() { return ( <Forms.Page> <Forms.Section label="Theme" unfold> - <ColorThemeFields/> + <ColorThemeFields /> </Forms.Section> <Forms.Section label="AST View" unfold> <ThemeFields target="Internal AST" - fontSize={P.AstFontSize} - wrapText={P.AstWrapText} + fontSize={IvettePrefs.AstFontSize} + wrapText={IvettePrefs.AstWrapText} /> </Forms.Section> <Forms.Section label="Source View" unfold> <ThemeFields target="Source Code" - fontSize={P.SourceFontSize} - wrapText={P.SourceWrapText} + fontSize={IvettePrefs.SourceFontSize} + wrapText={IvettePrefs.SourceWrapText} /> </Forms.Section> <Forms.Section label="Editor Command" unfold> - <EditorCommandFields command={P.EditorCommand} /> + <EditorCommandFields command={IvettePrefs.EditorCommand} /> </Forms.Section> </Forms.Page> );