diff --git a/packages/pl-fe/src/features/preferences/index.tsx b/packages/pl-fe/src/features/preferences/index.tsx index 1288c72d1..b1df4b40a 100644 --- a/packages/pl-fe/src/features/preferences/index.tsx +++ b/packages/pl-fe/src/features/preferences/index.tsx @@ -168,11 +168,11 @@ const Preferences = () => {
}> - + }> - + diff --git a/packages/pl-fe/src/features/settings/components/setting-toggle.tsx b/packages/pl-fe/src/features/settings/components/setting-toggle.tsx index 060cf6360..3c0183071 100644 --- a/packages/pl-fe/src/features/settings/components/setting-toggle.tsx +++ b/packages/pl-fe/src/features/settings/components/setting-toggle.tsx @@ -11,6 +11,8 @@ interface ISettingToggle { settings: Settings; /** Array of key names leading into the setting map. */ settingPath: string[]; + /** Value set if the setting is undefined. */ + defaultValue?: boolean; /** Callback when the setting is toggled. */ onChange: (settingPath: string[], checked: boolean) => void; /** Whether the toggle is disabled. */ @@ -18,16 +20,18 @@ interface ISettingToggle { } /** Stateful toggle to change user settings. */ -const SettingToggle: React.FC = ({ id, settings, settingPath, onChange, disabled }) => { +const SettingToggle: React.FC = ({ id, settings, settingPath, defaultValue, onChange, disabled }) => { const handleChange: React.ChangeEventHandler = ({ target }) => { onChange(settingPath, target.checked); }; + const checked = !!get(settings, settingPath, defaultValue); + return (